JavaScript学习笔记

JavaScript 是互联网上最流行的脚本语言

JavaScript 是可插入 HTML 页面的编程代码。

JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

 

HTML 中的脚本必须位于 标签之间。

脚本可被放置在 HTML 页面的 和 部分中。

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

JavaScript 输出

JavaScript 没有任何打印或者输出的函数。

JavaScript 显示数据

JavaScript 可以通过不同的方式来输出数据：

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

操作 HTML 元素

如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。

请使用 "id" 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容：

我的第一个 Web 页面
我的第一个段落

写到 HTML 文档

出于测试目的，您可以将JavaScript直接写在HTML 文档中

请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。

而document.getElementById(id) 方法只会修改要修改的内容.

写到控制台

如果您的浏览器支持调试，你可以使用 console.log() 方法在浏览器中显示 JavaScript 值。

浏览器中使用 F12 来启用调试模式， 在调试窗口中点击 "Console" 菜单。

console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。

 

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

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

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

JavaScript 变量

JavaScript 使用关键字 var 来定义变量

变量必须以字母开头,变量也能以 $ 和 _ 符号开头(不推荐)

在定义后可以通过 typeOf() 来获取JavaScript中变量的数据类型.typeof 不能用来判断是 Array 还是Object

 

局部变量：在函数中通过var声明的变量。

全局变量：在函数外通过var声明的变量。

没有声明就使用的变量，默认为全局变量，不论这个变量在哪被使用。

JavaScript 语句

在 HTML 中，JavaScript 语句向浏览器发出的命令。

语句是用分号分隔(;)

JavaScript 注释

不是所有的 JavaScript 语句都是"命令"。双斜杠 // 后的内容将会被浏览器忽略

JavaScript 字母大小写

JavaScript 对大小写是敏感的。

JavaScript 语句标识符

catch

语句块，在 try 语句块执行出错时执行 catch 语句块。

function

定义一个函数

throw

抛出（生成）错误 。

 

Value = undefined

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

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

     var carname;

重新声明 JavaScript 变量

如果重新声明 JavaScript 变量，该变量原来的值不会丢失

let变量

let var1 [= value1] [, var2 [= value2]] [, ..., varN [= valueN]];

let允许你声明一个作用域被限制在块级中的变量、语句或者表达式。在Function中局部变量推荐使用let变量，避免变量名冲突。

变量与函数重名的时候，变量生效

JS 中有两种函数，一种是普通函数，一种是函数对象。下面的这种就是“函数对象”，它实际上是声明一个匿名函数，然后将该函数的 init 方法赋值给该变量。

var a = 100;
var a = function() {
    return "function";
}
console.log(a);
/* 
输出
function() {
    return "function";
}
*/
console.log(a());   //输出 "function"

JavaScript 对象

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

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

声明变量类型

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

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

访问对象方法

你可以使用以下语法创建对象方法：

methodName : function() { code lines }

你可以使用以下语法访问对象方法：

objectName.methodName()

 
 



创建和使用对象方法。
对象方法是一个函数定义,并作为一个属性值存储。



	

JavaScript 事件

JavaScript 字符串

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

var x = 'It\'s alright';或var x = "It's alright";
var y = "He is called "Johnny"";或var y = 'He is called "Johnny" ';

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

var sln = txt.length;

 

=== 为绝对相等，即数据类型与值都必须相等。

字符串方法

比较运算符

!=	不等于	x!=8	true
!==	不绝对等于（值和类型有一个不相等，或两个都不相等）	x!=="5"	true
		x!==5	false

For/In 循环

JavaScript for/in 语句循环遍历对象的属性：

var person={fname:"John",lname:"Doe",age:25}; 
 
for (x in person)  // x 为属性名
{
    txt=txt + person[x];
}

定义了数组后对数组进行赋值，中间如有某些下标未被使用（即未被赋值），在遍历的时候，采用一般的 for 循环和 for...in 循环得到的结果不同。

for...in 循环会自动跳过那些没被赋值的元素，而 for 循环则不会，它会显示出 undefined。

点击这里

关于 JavaScript 标签与 break 和 continue 一起使用的理解。

undefined

在 JavaScript 中, undefined 是一个没有设置值的变量。

typeof 一个没有值的变量会返回 undefined。

null 和 undefined 的值相等，但类型不等：

typeof undefined             // undefined
typeof null                  // object
null === undefined           // false
null == undefined            // true

typeof 操作符

你可以使用 typeof 操作符来查看 JavaScript 变量的数据类型。

将数字转换为字符串

全局方法 String() 可以将数字转换为字符串。

将日期转换为字符串

Date() 返回字符串。

将字符串转换为数字

全局方法 Number() 可以将字符串转换为数字。

一元运算符 +

Operator + 可用于将变量转换为数字

undefined 与 null 的区别：

表面上 undefined 与 null 都是什么都没有的意思，但是实际上 undefined 是未定义（就是变量没有初始化），null 是一个变量初始化了，但是什么值都没给，只给了一个空对象；进一步说，undefined 与 null是值相等，类型不相等。

JavaScript 中, null 用于对象, undefined 用于变量，属性和方法。JavaScript 中, null 用于对象, undefined 用于变量，属性和方法。

javascript正则表达式

JavaScript 错误

try 语句测试代码块的错误。

catch 语句处理错误。

throw 语句创建自定义错误。

finally 语句在 try 和 catch 语句之后，无论是否有触发异常，该语句都会执行。

debugger 关键字

debugger 关键字用于停止执行 JavaScript，并调用调试函数。

JavaScript 变量提升

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

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

var x = 5; // 初始化 x
var x; // 声明 x