JavaScripts学习笔记

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

程序中调试是测试，查找及减少bug(错误)的过程。

JavaScript 中，常见的是驼峰法的命名规则，如 lastName (而不是lastname)。

JavaScript 会忽略多余的空格。您可以向脚本添加空格，来提高其可读性

JavaScript字符串可单引号或者双引号表示

如果变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量。

两个数字相加，返回数字相加的和，如果数字与字符串相加，返回字符串

 

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

 

 

 

1、外部js文件引用：<script src="myScript.js"></script>

2、JavaScript 显示数据

• 使用 window.alert() 弹出警告框。
• 使用 document.write() 方法将内容写到 HTML 文档中。
• 使用 innerHTML 写入到 HTML 元素。
• 使用 console.log() 写入到浏览器的控制台。

3、  数字（Number）字面量 可以是整数或者是小数，或者是科学计数(e)。

字符串（String）字面量 可以使用单引号或双引号。

数组（Array）字面量 定义一个数组：[40, 100, 1, 5, 25, 10]

对象（Object）字面量 定义一个对象：{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}

函数（Function）字面量 定义一个函数：function myFunction(a, b) { return a * b;}

4、在 HTML 中，JavaScript 语句向浏览器发出的命令。语句是用分号分隔：；

5、JavaScript关键字：

6、js注释：//（单行注释）&/* */（多行注释）

7、如果重新声明 JavaScript 变量，该变量的值不会丢失：

//第二句执行后，carname值还是为“Volvo”
var carname="Volvo";
var carname;

8、JavaScript 数组：

var car = new Arry();

cars[0]="Saab";
       cars[1]="Volvo";
       cars[2]="BMW";

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

var cars=["Saab","Volvo","BMW"];

9、JavaScript 对象

var person={firstname:"John", lastname:"Doe", id:5566};

寻址方式：1、person.firstname        2、person["firstname"]

10、当您声明新变量时，可以使用关键词 "new" 来声明其类型：

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

11、创建对象方法：

12、

13、

14、字符串添加转义字符来使用引号：

<p id="demo"></p>
       <script>
       var x = 'It\'s alright';
       var y = "He is called \"Johnny\"";
       document.getElementById("demo").innerHTML = x + "<br>" + y; 
       </script>

输出：
       It's alright
       He is called "Johnny"

15、可以使用内置属性 length 来计算字符串的长度：

16、

17、

18、== 代表值等于；===  代表绝对等于，值和类型都等于；   ！==  不绝对等于，值和类型有一个不相等，或两个都不相等。

19、JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。variablename=(condition)?value1:value2 

eg:    voteable=(age<18)?"年龄太小":"年龄已达到";

20、switch结构：

switch(a){

case value1:  result1

case value2:  result2

case value3:  result3

case value4:  result4

default:   result5        // default 关键词来规定匹配不存在时做的事情

}

21、typeof 操作符来检测变量的数据类型。

typeof "John"                // 返回 string
       typeof 3.14                  // 返回 number
       typeof false                 // 返回 boolean
       typeof [1,2,3,4]             // 返回 object
       typeof {name:'John', age:34} // 返回 object

22、

20210320

23、正则表达式

<p>替换 "microsoft" 为 "Runoob" :</p>
<button onclick="myFunction()">点我</button>
<p id="demo">Visit Microsoft!</p>
<script>
function myFunction() {
    var str = document.getElementById("demo").innerHTML; 
    var txt = str.replace(/microsoft/i,"Runoob");
    document.getElementById("demo").innerHTML = txt;
}

24、JavaScript变量提升

变量提升：函数声明和变量声明总是会被解释器悄悄地被"提升"到方法体的最顶部。

JavaScript 只有声明的变量会提升，初始化的不会。

25、JavaScript 中的所有数据都是以 64 位浮点型数据(float) 来存储。所有的编程语言，包括 JavaScript，对浮点型数据的精确度都很难确定：

var x = 0.1;
        var y = 0.2;
        var z = x + y            // z 的结果为 0.30000000000000004
        if (z == 0.3)             // 返回 false

26、在 JavaScript 中, null 用于对象, undefined 用于变量，属性和方法。对象只有被定义才有可能为 null，否则为 undefined。

27、JSON.parse()      用于将一个 JSON 字符串转换为 JavaScript 对象。

JSON.stringify()   用于将 JavaScript 值转换为 JSON 字符串。

28、

29、JavaScript闭包是一种保护私有变量的机制，在函数执行时形成私有的作用域，保护里面的私有变量不受外界干扰。直观的说就是形成一个不销毁的栈环境。

 

 

 

JavaScript异步编程：AJAX           ——进入下一章节

JavaScript高级教程                        ——进入下一章节