JS编程小常识很有用


Posted in Javascript onNovember 26, 2012

1.JS中的是是非非
JS是一门计算机编程语言,是一门动态语言也称为脚本语言,是解析型编程语言。为什么是脚本?因为他本身不能执行,就是没有main函数或主程序的入口,必须被他的宿主环境,也就是解析环境解析执行他。为是什么是解析型?因为JS不会进行编程,链接,汇编等一系统的过程生成某个文件,再执行,他就是以字符串形式加载执行..
2.JS中的真真假假
空,null,undefined,false,0,””,'',NaN都为假,其他都为真
3.函数,类,对象,构造器有什么区别?
答:在js中函数,类,对象,构造器可以说是没有任何区别的,我们可以说函数既为对象,对象既为类,类既为构造器。但一般情况下,我们称对象为那个类的实例,这是为了减少混乱。

function Person(){ 
} 
var person = new Person(); 
//Person我们可以称为函数,类,对象,构造器(不带参数) 
//person称为对象的引用

4.懂this关键字,你懂JS五分之一.
this永远指向调用该方法(函数)的那个对象.(必背)
首先要知道this是什么?
this就是js中的一个对象。是一个对象,不是一个函数,此是的对象你可以看作是一个对象的引用,引用谁?引用调用方法的那个对象.
this这个对象存在哪里?存在JS代码中,一般存在于函数之中。如果你把this放到<script>标签中,你可以试下window==this,打印什么?为什么?
剖析this关键字
function ready(){ 
alert(this==window); 
} 
ready();

此时打什么?true,为什么?
function Person(){ 
this.name='张三'; 
alert(this==window); 
} 
new Person();

此时打印什么?false,为什么?
把代码加长点.加一个var perso=
var person = new Person();
全世界的人都知道person引用了new Person产生的那个对象。new Person创建的是一个JS实例对象,我们就可以绑定属性和方法.
看下面这段代码
fn=function(){ 
} 
fn.ready=function(){ 
alert(this== fn); 
}

当调用fn.ready()的时候打印什么?true ,为什么?
十分奇怪,this现在等于一个函数了..为什么?
5.JS中静态方法和属性将助你一臂之力.
什么是静态.顾名思意:就是不动了,JS中不动的方法是什么?就是不需要创建实例,直接可以通过类名调用方法,哪里都没有动。方法就调用了。不需要任何额外的代码。这只是片面之言。所谓静态:就是属于类的属于类本身的特征.
Js中类既为对象,何不能直接绑定属性和方法。当然可以.
fn=function(){ 
} 
fn.name='张三'; 
fn.getName=function(){ 
return fn.name; 
}

这也行,但为什么还要new 的过程,全都这样绑定不就可以了吗?思考
6.prototype和constructor的在JS框架中的影响
prototype为原型,是一个对象。,。
constructor为构造器,是一个函数
到现在为止,你要分清楚,什么时候的对象为对象,什么时候的对象是一个函数.也难为JS解析器,能解析运行如此灵活的代码。
prototype可以说他是一个类的静态的属性,他指向这个对象的实例。换句话说prototype是一个对象。prototype指向的对象和我们new的对象有何区别?建立了一种等价桥梁关系,但不是同一个。当我们在函数prototype上绑定属性的时候,那么属性和值就绑定到了prototype对象上,并没有正真的绑定到那个对象上去。当需要访问那个对象上的这个属性的时候,JS解析器,首先会去从对象本身上去找这个属性,然后再到原型对象上找。
function Person(){ 
} 
var person = new Person(); 
person.name=”张三”; 
Person.prototype.name=”李四”; 
alert(person.name); 
delete person.name; 
alert(person.name);

constructor指向一个对象的构造器。(什么是构造器?自己去复习。),由此可以看出他是一个对象级别的属性。也就是要使用constructor这个属性,必须需要一个对象。
那么prototype是一个对象有没有constructor属性?当然有,既然constructor是指构造器,那有没有一个prototype属性?当然有,以此类推,下面这两段代码是正确的.
constructor.prototype.constructor.prototype.constructor……
prototype.constructor.prototype.constructor.prototype……
其实我也不知道到底可以连多长?感兴趣可以试一下。顺便告诉你用递归算法。
在众多的JS代码中,当我们已知一个对象,要求他的构造器,或者已知一个构造器,求他的对象。应入门了。
7.==和===将判断进行到底.
==和===神像形不象.不要去考虑,一眼就看出是做断判是否相等。
有木有区别?
==判断变量是否相等。
===判断变量的值相等。
以此类推:====用来干嘛的??用来报错的.你懂的.这里只想告诉你,只有==和===
JS中变量是弱类型的,都懂。
var a=3; 
var b=”3”; 
alert(a==b); 
JS中变量的值是强类型的。你懂的. 
var a =3; 
var b =”3”; 
alert(a===b);

都是var 类型的变量,但他们的值不一样,一个是整形,一个是字符串型.
var类型和var类型相比,当然是true,整形和字符串型比,当然是false.
==用来比较他们值是否一样。不会是计较值的类型,只要他们的变量是var类型就可以了。当然是这废话,难不成,你不还能声明第二种变量类型的变量?.
===用来比较,会去判断他们的值是否为同一类型。如果不是,没有的比较。JS中变量的值是强类型的,有整形,字符串,数字,布尔等.
8.typeof和instanceof完成了判断未成的使命
typeof用来判断基本数据类型
instanceof 用来判断对象类型是否为某一个类型号
9.5种继承让你如虎添翼.
i.对象冒充
ii.apply
iii.call
iv.prototype
v.for循环方式
用法:永远只须记住,JS中的继承只是属性和方法的拷贝.
10.DOM模型结构改变你的思想
DOM是一种思想,一种将数据以树状结构数据的思想。学习DOM只需要掌握任何一个节点都有一个父节点和0到多个子节点.任何一个节点都有一个页面上的标签表现形式和一个内存对应着一个标签对象.页面只是展示数据的地方,内存中才是DOM对象数据保存地方。任何一个DOM对象只能有一个父节点对象。父子关系可以随时改变。
必须:
获取对象:查
对象操作:增,修,删
内容操作:innerHTML,innerText等
事件操作:mouse,key
样式操作:id,tag,class
属性操作:attribute
11.回调函数减少编写代码
什么是回调函数?
在JS中函数名是用来标识一个函数的。既我们可以传递给某个函数一个函数名(函数名柄),然后由那个函数来自动调用我们的函数完成相关的处理。
调用者与被调用者分开,我们不需要关心调用者,和被调用者。回调可用于通知机制,事件。
12.函数和arguments
函数名就是函数的句柄,指针,函数名是唯一的,这也成就了JS中没有函数重载。只有函数覆盖。函数名才是唯一标识函数的。
永远需牢访,JS中的函数调用就是在函数名后面加对括号()
函数调用参数可有可无,无论什么情况下,参数都会保存在函数体中的arguments对象中,你可以直接使用他,他是一个对象,参数是以数组形式存放。
13.闭包(匿名函数)为开发开辟了捷径
闭包是函数内调用函数外的参数,一般也可称为匿名函数,但两者有所不同。
闭包的价值在于可以作为函数对象或者匿名函数,对于类型系统而言这就意味着不仅要表示数据还要表示代码。支持闭包的多数语言都将函数作为第一级对象,就是说这些函数可以存储到变量中、作为参数传递给其他函数,最重要的是能够被函数动态地创建和返回.
匿名函数减少了变量名称的冲突,为没有权限作用域的JS提供了权限作用域。当我们需要提供一个接口,但又不想让这个接口对象为全局变量就需要用匿名函数:
(function(){
局部代码,外部永远无法访问,除非你提供一个入口
})();
Javascript 相关文章推荐
Ext中下拉列表ComboBox组件store数据格式用法介绍
Jul 15 Javascript
js中substring和substr两者区别和使用方法
Nov 09 Javascript
Jquery组件easyUi实现表单验证示例
Aug 23 Javascript
input 禁止输入特殊字符的四种实现方式
Aug 24 Javascript
jQuery弹出窗口打开链接的实现代码
Dec 24 Javascript
vue.js实现用户评论、登录、注册、及修改信息功能
May 30 Javascript
用js实现每隔一秒刷新时间的实例(含年月日时分秒)
Oct 25 Javascript
JS实现非首屏图片延迟加载的示例
Jan 06 Javascript
微信接入之获取用户头像的方法步骤
Sep 23 Javascript
解决layui批量传值到后台操作时出现传值为空的问题
Sep 28 Javascript
原生JS实现留言板功能
Feb 08 Javascript
一起来看看Vue的核心原理剖析
Mar 24 Vue.js
javascript:history.go()和History.back()的区别及应用
Nov 25 #Javascript
js实现拖拽 闭包函数详细介绍
Nov 25 #Javascript
jquery miniui 教程 表格控件 合并单元格应用
Nov 25 #Javascript
JavaScript mapreduce工作原理简析
Nov 25 #Javascript
jquery div 居中技巧应用介绍
Nov 24 #Javascript
js实现在文本框光标处添加字符的方法介绍
Nov 24 #Javascript
js获取TreeView控件选中节点的Text和Value值的方法
Nov 24 #Javascript
You might like
如何使用PHP获取网络上文件
2006/10/09 PHP
PHP下escape解码函数的实现方法
2010/08/08 PHP
详解Yii2 之 生成 URL 的方法
2017/06/16 PHP
PHP实现的简单在线计算器功能示例
2017/08/02 PHP
JQUERY获取form表单值的代码
2010/07/17 Javascript
JS动态获取当前时间,并写到特定的区域
2013/05/03 Javascript
js 数组操作之pop,push,unshift,splice,shift
2014/01/29 Javascript
javascript trim函数在IE下不能用的解决方法
2014/09/12 Javascript
简介JavaScript中getUTCMonth()方法的使用
2015/06/10 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖动基本操作
2015/11/30 Javascript
Uploadify上传文件方法
2016/03/16 Javascript
一款简单的jQuery图片标注效果附源码下载
2016/03/22 Javascript
AngularJS 工作原理详解
2016/08/18 Javascript
js 打开新页面在屏幕中间的实现方法
2016/11/02 Javascript
VueAwesomeSwiper在VUE中的使用以及遇到的一些问题
2018/01/11 Javascript
基于JavaScript实现抽奖系统
2018/01/16 Javascript
微信小程序实现默认第一个选中变色效果
2018/07/17 Javascript
Electron-vue开发的客户端支付收款工具的实现
2019/05/24 Javascript
微信小程序的开发范式BeautyWe.js入门详解
2019/07/10 Javascript
微信小程序自定义弹出层效果
2020/05/26 Javascript
[49:29]LGD vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
[00:35]可解锁地面特效
2018/12/20 DOTA
Python转换HTML到Text纯文本的方法
2015/01/15 Python
Python竟能画这么漂亮的花,帅呆了(代码分享)
2017/11/15 Python
Python动态生成多维数组的方法示例
2018/08/09 Python
Python MongoDB 插入数据时已存在则不执行,不存在则插入的解决方法
2019/09/24 Python
将tensorflow模型打包成PB文件及PB文件读取方式
2020/01/23 Python
前端canvas动画如何转成mp4视频的方法
2019/06/17 HTML / CSS
个人简历自我评价八例
2013/10/31 职场文书
护理专业毕业生自荐信范文
2014/01/05 职场文书
校长寄语大全
2014/04/09 职场文书
《吃水不忘挖井人》教学反思
2014/04/15 职场文书
通信工程专业求职信
2014/06/04 职场文书
少先队入队仪式主持词
2015/07/04 职场文书
开学第一周总结
2015/07/16 职场文书
CSS3 天气图标动画效果
2021/04/06 HTML / CSS