您的位置：首页 > Web前端 > JavaScript

JavaScript 语句、注释、数据类型、访问对象方法

2019-06-15 18:23 441 查看

1、JavaScript 代码块

JavaScript 可以分批地组合起来。

代码块以左花括号开始，以右花括号结束。

代码块的作用是一并地执行语句序列。

<body>

<h1>我的 Web 页面</h1>
<p id="myPar">我是一个段落。</p>
<div id="myDiv">我是一个div。</div>
<p>
<button type="button" onclick="myFunction()">点击这里</button>
</p>
<script>
function myFunction(){
document.getElementById("myPar").innerHTML="你好世界！";
document.getElementById("myDiv").innerHTML="你最近怎么样?";
}
</script>
<p>当您点击上面的按钮时，两个元素会改变。</p>

</body>

2、单行注释以 // 开头。

// 输出标题：
document.getElementById("myH1").innerHTML="欢迎来到我的主页";
// 输出段落：
document.getElementById("myP").innerHTML="这是我的第一个段落。";

3、JavaScript 多行注释

多行注释以 /* 开始，以 */ 结尾。

/*
下面的这些代码会输出
一个标题和一个段落
并将代表主页的开始
*/
document.getElementById("myH1").innerHTML="欢迎来到我的主页";
document.getElementById("myP").innerHTML="这是我的第一个段落。";

4、JavaScript 变量

<script>
var x=5;
var y=6;
var z=x+y;
document.write(x + "<br>");
document.write(y + "<br>");
document.write(z + "<br>");
</script>

5、变量——命名规则

变量必须以字母开头
变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
变量名称对大小写敏感（y 和 Y 是不同的变量）

6、一条语句，多个变量

您可以在一条语句中声明很多变量。该语句以 var 开头，并使用逗号分隔变量即可：
var lastname=“Doe”, age=30, job=“carpenter”;

声明也可横跨多行：
var lastname=“Doe”,
age=30,
job=“carpenter”;

一条语句中声明的多个不可以赋同一个值:
var x,y,z=1;

x,y 为 undefined， z 为 1。

7、Value = undefined

在计算机程序中，经常会声明无值的变量。未使用值来声明的变量，其值实际上是 undefined。

在执行过以下语句后，变量 carname 的值将是 undefined：
var carname;

8、JavaScript 数据类型

值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。

引用数据类型：对象(Object)、数组(Array)、函数(Function)。

9、JavaScript 拥有动态类型

JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型：
实例

var x;               // x 为 undefined
var x = 5;           // 现在 x 为数字
var x = "John";      // 现在 x 为字符串

10、JavaScript 字符串

字符串是存储字符（比如 “Bill Gates”）的变量。

字符串可以是引号中的任意文本。您可以使用单引号或双引号：
实例

var carname="Volvo XC60";
var carname='Volvo XC60';

11、JavaScript 数字

JavaScript 只有一种数字类型。数字可以带小数点，也可以不带：
实例

var x1=34.00;      //使用小数点来写
var x2=34;         //不使用小数点来写

12、JavaScript 布尔

布尔（逻辑）只能有两个值：true 或 false。
var x=true;
var y=false;

13、JavaScript 数组

下面的代码创建名为 cars 的数组：
var cars=new Array();
cars[0]=“Saab”;
cars[1]=“Volvo”;
cars[2]=“BMW”;

或者 (condensed array):
var cars=new Array(“Saab”,“Volvo”,“BMW”);

或者 (literal array):
实例
var cars=[“Saab”,“Volvo”,“BMW”];

14、JavaScript 对象

对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：
var person={firstname:“John”, lastname:“Doe”, id:5566};

上面例子中的对象 (person) 有三个属性：firstname、lastname 以及 id。

空格和折行无关紧要。声明可横跨多行：
var person={
firstname : “John”,
lastname : “Doe”,
id : 5566
};

对象属性有两种寻址方式：
实例
name=person.lastname;
name=person[“lastname”];

15、Undefined 和 Null

Undefined 这个值表示变量不含有值。

可以通过将变量的值设置为 null 来清空变量。
实例
cars=null;
person=null;

16、声明变量类型

当您声明新变量时，可以使用关键词 “new” 来声明其类型：
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;

17、JavaScript 对象

JavaScript 对象是拥有属性和方法的数据。

18、访问对象属性

你可以通过两种方式访问对象属性:
实例 1
person.lastName;
实例 2
person[“lastName”];

19、对象方法

对象的方法定义了一个函数，并作为对象的属性存储。

对象方法通过添加 () 调用 (作为一个函数)。

该实例访问了 person 对象的 fullName() 方法:
实例
name = person.fullName();

20、访问对象方法

你可以使用以下语法创建对象方法：
methodName : function() { code lines }

你可以使用以下语法访问对象方法：
objectName.methodName()

通常 fullName() 是作为 person 对象的一个方法， fullName 是作为一个属性。

有多种方式可以创建，使用和修改 JavaScript 对象。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航