JavaScript基础重点(必看)


Posted in Javascript onJuly 09, 2016

接触JavaScript这门语言也就很长的时间了,但从来没有系统的去了解这么语言。趁现在刚刚毕业以及某些原因无心工作的情况下去系统的了解一下这么语言,也想通过这么语言养成写博客的习惯,因为我认为这是一件对程序员来说很神圣又很光荣的事情。

1.1背景

相信很多初学者都遗忘或混淆的就是JavaScript的官方命名:ECMAScript。2015年6月17日,ECMAScript 6发布正式版本,即ECMAScript 2015。

1.2语法

常规语法省略

重点强调:

1.原始值和对象:原始值包括布尔值、数字、字符串、null、和undefined。其他的值都是对象。两者之间最主要的区别在于它们的比较方式:每个对象都有唯一的标识且只等于自己。

var obj1={};
var obj2={};
alert(obj1 === obj2);

//false

alert(obj1===obj1);

//true

var prim1=123;
var prim2=123;
alert(prim1===prim2);

//true

2.使用typeof和instanceof对值分类。

typeof

操作数 结  果
undefined 'undefined'
null object
布尔值 boolean
数字 number
字符串  string
函数 function
所有其他的常规值 object
引擎创建的值 JS引擎可以被允许创建一些值,且typeof的结果可以返回任意字符串
   

3.布尔值:

假值:undefined,null,false,-0,NaN,''

二元逻辑运算符:JavaScript中的二元逻辑运算符是短路的。如果第一个运算数就是足以确定结果的话,则不会对第二个运算数做评估。与(&&):如果第一个运算数是假值,返回它。或(||):如果第一个运算数是真值,返回它。

 4.IIFE:

引入新的作用域。作用:去除闭包(函数以及它所连接的周围作用域中的变量)造成的无意共享。

例:

var result=[];
for(var i=0;i<5;i++)
{
result.push(function(){return i;});//(1)
}
console.log(result[1]()); //5  (not 1)
console.log(result[3]()); //5  (not 3)

标记为(1)的这行返回值总是i的当前值,而并非函数被创建时的值。在循环结束之后,i的值为5,所以数组中所有的函数都返回这个数值。如果想要标记(1)这行的函数获得当前i值的一个快照,就可以使用IIFE.

for(var i=0;i<5;i++)
{
 (function (){
  var i2=i; 
  result.push(function(){return i2});     
 }()
) ; 
}

此上都是在整理过程中以前未注意或没有了解到的部分知识,写在此处做知识点的补充之用。

以上这篇JavaScript基础重点(必看)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
ajax 同步请求和异步请求的差异分析
Jul 04 Javascript
jQuery取id有.的值的方法
May 21 Javascript
jQuery多媒体插件jQuery Media Plugin使用详解
Dec 19 Javascript
jQuery拖动元素并对元素进行重新排序
Dec 30 Javascript
第七章之菜单按钮图标组件
Apr 25 Javascript
JS实现的自定义显示加载等待图片插件(loading.gif)
Jun 17 Javascript
jQuery ready()和onload的加载耗时分析
Sep 08 Javascript
纯js实现倒计时功能
Jan 06 Javascript
详解axios在node.js中的post使用
Apr 27 Javascript
vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单
Nov 29 Javascript
vue+elementUI动态增加表单项并添加验证的代码详解
Dec 17 Vue.js
在Angular项目使用socket.io实现通信的方法
Jan 05 Javascript
jQuery获取同级元素的简单代码
Jul 09 #Javascript
JS添加删除DIV的简单实例
Jul 08 #Javascript
js操作DOM--添加、删除节点的简单实例
Jul 08 #Javascript
简单封装js的dom查询实例代码
Jul 08 #Javascript
JS选取DOM元素的简单方法
Jul 08 #Javascript
封装获取dom元素的简单实例
Jul 08 #Javascript
jquery.serialize() 函数语法及简单实例
Jul 08 #Javascript
You might like
php下使用SimpleXML 处理XML 文件
2010/02/27 PHP
用PHP解决的一个栈的面试题
2014/07/02 PHP
PHP数据的提交与过滤基本操作实例详解
2016/11/11 PHP
Laravel Eloquent分表方法并使用模型关联的实现
2019/11/25 PHP
JS 操作Array数组的方法及属性实例解析
2014/01/08 Javascript
如何编写高质量JS代码
2014/12/28 Javascript
使用AngularJS处理单选框和复选框的简单方法
2015/06/19 Javascript
javascript中类的定义方式详解(四种方式)
2015/12/22 Javascript
Bootstrap字体图标无法正常显示的解决方法
2016/10/08 Javascript
JS条形码(一维码)插件JsBarcode用法详解【编码类型、参数、属性】
2017/04/19 Javascript
layui.js实现的表单验证功能示例
2017/11/15 Javascript
如何以Angular的姿势打开Font-Awesome详解
2018/04/22 Javascript
AngularJS中的作用域实例分析
2018/05/16 Javascript
解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题
2018/05/17 Javascript
bootstrap-table+treegrid实现树形表格
2019/07/26 Javascript
vue动态绘制四分之三圆环图效果
2019/09/03 Javascript
Vue实现附件上传功能
2020/05/28 Javascript
[01:21]2018DOTA2亚洲邀请赛4.5采访 打DOTA2也能有女朋友?
2018/04/06 DOTA
简单了解Python中的几种函数
2017/11/03 Python
Python打印“菱形”星号代码方法
2018/02/05 Python
Selenium定位元素操作示例
2018/08/10 Python
python查看模块安装位置的方法
2018/10/16 Python
使用python将请求的requests headers参数格式化方法
2019/01/02 Python
Python画图高斯分布的示例
2019/07/10 Python
python 视频下载神器(you-get)的具体使用
2021/01/06 Python
BAILEY 44官网:美国制造的女性服装
2019/07/01 全球购物
节约用水的口号
2014/06/20 职场文书
考试没考好检讨书(精选篇)
2014/11/16 职场文书
2015毕业生实习期工作总结
2015/04/09 职场文书
2015年物资管理工作总结
2015/05/20 职场文书
教师远程培训心得体会
2016/01/09 职场文书
《我是什么》教学反思
2016/02/16 职场文书
《生物入侵者》教学反思
2016/02/16 职场文书
私人贷款担保书该怎么写呢?
2019/07/02 职场文书
幽默口才训练经典句子(48句)
2019/08/19 职场文书
CSS布局之浮动(float)和定位(position)属性的区别
2021/09/25 HTML / CSS