乙巳🐍年

JavaScript 严格模式（strict mode）即在严格的条件下运行。

“use strict” 指令只允许出现在脚本或函数的开头。

为什么使用严格模式

消除 Javascript 语法的一些不合理、不严谨之处，减少一些怪异行为;
消除代码运行的一些不安全之处，保证代码运行的安全；
提高编译器效率，增加运行速度；
为未来新版本的 Javascript 做好铺垫。
"严格模式"体现了 Javascript 更合理、更安全、更严谨的发展方向，包括 IE 10 在内的主流浏览器，都已经支持它，许多大项目已经开始全面拥抱它。

另一方面，同样的代码，在"严格模式"中，可能会有不一样的运行结果；一些在"正常模式"下可以运行的语句，在"严格模式"下将不能运行。掌握这些内容，有助于更细致深入地理解 Javascript，让你变成一个更好的程序员。

为脚本开启严格模式

为整个脚本文件开启严格模式，需要在所有语句之前放一个特定语句 “use strict”; （或 ‘use strict’;）

在 HTML5 中，新加入了一个 localStorage 特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie 中每条 cookie 的存储空间为 4k)，localStorage 中一般浏览器支持的是 5M 大小，这个在不同的浏览器中localStorage会有所不同。

localStorage 只支持 string 类型的存储

localStorage 的写入有三种方法:

1
2
3
4
5
6
7

var storage=window.localStorage;
            //写入a字段
            storage["a"]=1;
            //写入b字段
            storage.a=1;
            //写入c字段
            storage.setItem("c",3);

ajax

XMLHttpRequest 对象

所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。

XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

为了应对所有的现代浏览器，包括 IE5 和 IE6，请检查浏览器是否支持 XMLHttpRequest 对象。如果支持，则创建 XMLHttpRequest 对象。如果不支持，则创建 ActiveXObject ：

1
2
3
4
5
6
7
8
9

var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp = new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  }

验证名字是否为空

1
2
3
4

if (x == null || x == "") {
    alert("需要输入名字。");
     return false;
}

如果输入的值 x 不是数字或者小于 1 或者大于 10，则提示错误 Not a Number or less than one or greater than 10

1
2
3
4
5

if (isNaN(x) || x < 1 || x > 10) {
    text = "输入错误";
} else {
    text = "输入正确";
}

为什么要有 JavaScript?

JavaScript 最初目的:判断客户端的输入

JavaScript 现在的意义

• 网页特效(PC 端的网页效果)
• 移动端(移动 web 和 app)
• 异步和服务器交互
• 服务端开发(nodeJs)

JavaScript 的组成

JavaScript 是一种客户端的脚本语言, 也是一种弱类型的脚本语言

1. ECMAScript
   语法规范
2. DOM
   操作网页上元素的 API
3. BOM
   操作浏览器部分功能的 API