JavaScrip 笔记 2

最新推荐文章于 2024-11-12 11:19:19 发布

rcatws

最新推荐文章于 2024-11-12 11:19:19 发布

阅读量80

点赞数

分类专栏： JavaScrip 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/rcatws/article/details/84765075

版权

JavaScrip 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

JavaScript 语法
JavaScript字面量
数字（Number）
字符串（String）
表达式
数组（Array）
对象（Object）
函数（Function）

JavaScript变量
在编程语言中，变量用于存储数据值。使用var来定义变量，使用等号来为变量赋值。
变量是一个名称。字面量是一个值。

JavaScript操作符
赋值，算术和位运算符。 = + - * /
条件，比较及逻辑运算符。 == != < >

JavaScript 语句
JavaScript语句
分号用于分隔 JavaScript 语句。
通常我们在每条可执行的语句结尾添加分号。

JavaScript代码
JavaScript代码块
JavaScript语句标识符

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

Javascript 变量
在一条语句中声明很多变量。该语句以var开头，并使用逗号分隔变量。

JavaScript 数据类型
字符串（String）
可以在字符串中使用引号，只要不匹配包围字符串的引号即可。

var answer="It's alright";
var answer="He is called 'Johnny'";
var answer='He is called "Johnny"';

数字（Number）
JavaScript 只有一种数字类型。数字可以带小数点，也可以不带。
极大或极小的数字可以通过科学（指数）计数法来书写。

var y=123e5;      // 12300000
var z=123e-5;     // 0.00123

布尔（boolean）
布尔（逻辑）只能有两个值：true 或 false。

数组（Array）
创建数组的三种方式：

方法1
var cars = new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";

方法2
var cars = new Array("Saab","Volvo","BMW");

方法3
var cars = ["Saab","Volvo","BMW"];

数组下标是基于零的。

对象（Object）
对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔.

空（Null）
可以通过将变量的值设置为 null 来清空变量。

未定义（Undefined）
Undefined 这个值表示变量不含有值。

声明变量类型

var carname = new String;
var x = new Number;
var y = new Boolean;
var cars = new Array;
var person = new Object;

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

可以使用字符来定义和创建 JavaScript 对象

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

定义 JavaScript 对象可以跨越多行，空格跟换行不是必须的

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};

对象属性
键值对通常写法为 name : value (键与值以冒号分割)。
键值对在 JavaScript 对象通常称为对象属性。

访问对象属性

<html>
<body>

<p>
有两种方式可以访问对象属性：
</p>
<p>
你可以使用 .property 或 ["property"].
</p>

<p id="demo"></p>

<script>
var person = {
    firstName: "John",
    lastName : "Doe",
    id       :  5566
};
document.getElementById("demo").innerHTML =
person.firstName + " " + person.lastName;
</script>

</body>
</html>

对象方法
对象的方法定义了一个函数，并作为对象的属性存储。
对象方法通过添加 () 调用 (作为一个函数)。

<html>
<body>

<p>创建和使用对象方法。</p>

<p>对象方法作为一个函数定义存储在对象属性中。</p>

<p id="demo"></p>

<script>
var person = {
    firstName: "John",
    lastName : "Doe",
    id       : 5566,
    fullName : function() {
       return this.firstName + " " + this.lastName;
    }
};

document.getElementById("demo").innerHTML = person.fullName();
</script>
</body>
</html>

总结整理