JS编程小常识很有用

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(){
局部代码,外部永远无法访问,除非你提供一个入口
})();

(0)

相关推荐

  • 用函数式编程技术编写优美的 JavaScript_ibm

    因为函数式编程采用了完全不同的组织程序的方式,所以那些习惯于采用命令式范例的程序员可能会发现函数式编程有点难学.在这篇文章中,您将了解一些关于如何采用函数式风格,用 JavaScript 编写良好的.优美的代码的示例.我将讨论: 函数式编程概念,包括匿名函数.调用函数的不同方法,以及将函数作为参数传递给其他函数的方式. 函数式概念的运用,采用的示例包括:扩展数组排序:动态 HTML 生成的优美代码:系列函数的应用. 函数式编程概念 请告诉每个人.请把这个提交给: Digg Slashdot 在那

  • JS面向对象编程浅析

    在AJAX兴起以前,很多人写JS可以说都是毫无章法可言的,基本上是想到什么就写什么,就是一个接一个的函数function,遇到重复的还得copy,如果一不小心函数重名了,还真不知道从何开始查找错误,因为大家总是用面向过程的编程思想来写JS代码,而且也由于网络上充斥了太多小"巧"的JS代码段,很多都是随意而为,很不规范,这也就造成了大家对JS的"误解",一味的认为它就是一个辅助的小东东,而不适合做大的东西开发.但是自从AJAX兴起后,大量的JS代码编写要求人们具备像写

  • JavaScript与函数式编程解释

    作者:月影 牢记:函数式编程不是用函数来编程!!!23.4函数式编程  23.4.1 什么是函数式编程 什么是函数式编程?如果你这么直白地询问,会发现它竟是一个不太容易解释的概念.许多在程序设计领域有着多年经验的老手,也无法很明白地说清楚函数式编程到底在研究些什么.函数式编程对于熟悉过程式程序设计的程序员来说的确是一个陌生的领域,闭包(closure),延续(continuation),和柯里化(currying)这些概念看起来是这么的陌生,同我们熟悉的if.else.while没有任何的相似之

  • javascript编程必备_JS语法字典第1/2页

    1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value) 6.一个小写转大

  • 探究JavaScript函数式编程的乐趣

    编程范式 编程范式是一个由思考问题以及实现问题愿景的工具组成的框架.很多现代语言都是聚范式(或者说多重范式): 他们支持很多不同的编程范式,比如面向对象,元程序设计,泛函,面向过程,等等. 函数式编程范式 函数式编程就像一辆氢燃料驱动的汽车--先进的未来派,但是还没有被广泛推广.与命令式编程相反,他由一系列语句组成,这些语句用于更新执行时的全局状态.函数式编程将计算转化作表达式求值.这些表达式全由纯数学函数组成,这些数学函数都是一流的(可以被当做一般值来运用和处理),并且没有副作用. 函数式编程

  • JS面向对象编程之对象使用分析

    因为大家总是用面向过程的编程思想来写JS代码,而且也由于网络上充斥了太多小"巧"的JS代码段,很多都是随意而为,很不规范,这也就造成了大家对JS的"误解",一味的认为它就是一个辅助的小东东,而不适合做大的东西开发.但是自从AJAX兴起后,大量的JS代码编写要求人们具备像写JAVA类似的代码一样,能够面向对象进行开发. 所以下面就结合我自己的体会和所学习的东东和大家一起来学习在JS中如何使用面向对象的编程.其实使用JS进行面向对象开发也不是很难的事情,因为在JS中每一

  • 比较不错的函数式JavaScript编程指南教程

    你是否知道JavaScript其实也是一个函数式编程语言呢?本指南将教你如何利用JavaScript的函数式特性. 要求:你应当已经对JavaScript和DOM有了一个基本的了解. 写这篇指南的目的是因为关于JavaScript编程的资料太多了但是极少的资料提到了JavaScript的函数式特性.在本指南中,我只会讲解这些基本知识而不会深入其它的函数式语言或这是Lambda算子. 你可以点击所有的例子然后你所看到的代码就会被执行,这样就可以令指南变得具有交互性.你也可以使用这个沙箱来尝试. 第

  • JS编程小常识很有用

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

  • JavaScript开发的七个实用小技巧(很有用)

    目录 1. 数组求和 2. 使用 length 属性更改数组 3. 数组元素随机打乱 4. 过滤唯一值 5. 逗号运算符 6. 使用数组解构交换数据元素 7. 使用 && 代替 If 条件判断为真的条件 总结 本文译文,采用意译. 下面这些方法对于我来说很有作用,自从我发现了这些操作. 1. 数组求和 假设你有下面的数字数组:let numbers = [2,52,55,5]. 计算求和,我们会想到使用 for,是吧. 但是我们可以使用这行代码完成let sum = numbers.red

  • 3 个超有用的 Python 编程小技巧

    目录 1.如何按照字典的值的大小进行排序 2.优雅的一次性判断多个条件 3.如何优雅的合并两个字典 1.如何按照字典的值的大小进行排序 我们知道,字典的本质是哈希表,本身是无法排序的,但 Python 3.6 之后,字典是可以按照插入的顺序进行遍历的,这就是有序字典,其中的原理,可以阅读 Python3.6 之后字典是有序的? . 知道了这一点,就好办了,先把字典的键值对列表排序,然后重新插入新的字典,这样新字典就可以按照值的大小进行遍历输出. 代码如下: >>> xs = {'a':

  • 今天分享几个少见却很有用的 JS 技巧

    1. "返回"按钮 使用 history.back() 可以创建一个浏览器"返回"按钮. <button onclick="history.back()"> 返回 </button> 2. 数字分隔符 为了提高数字的可读性,您可以使用下划线作为分隔符: const largeNumber = 1_000_000_000; console.log(largeNumber); // 1000000000 3. 事件监听器只运行

  • 19个很有用的 JavaScript库推荐

    然而需要实现一些特定的功能,则可以选择功能更专一的轻量库,今天这篇文章与大家分享16个很有用的 JavaScript 库. Blackbird: Open Source JavaScript Logging UtilityBlackbird 是一款非常酷的 JavaScript 调试工具,带有一个漂亮的界面显示和过滤调试信息. Treesaver.jsTreesaver 是一个用于创建杂志布局的 JavaScript 框架. BibliotypeBibliotype 是一个简单的基于 HTML.

  • Java多线程编程小实例模拟停车场系统

    下面分享的是一个Java多线程模拟停车场系统的小实例(Java的应用还是很广泛的,哈哈),具体代码如下: Park类 public class Park { boolean []park=new boolean[3]; public boolean equals() { return true; } } Car: public class Car { private String number; private int position=0; public Car(String number)

  • 服务器维护小常识(win+linux)

    为了方便大家在维护中了解一些维护内容的同时又能避免出现错误.下面就收集了一些服务器日常维护的常识供大家参考. 服务器日常维护常识之硬件维护 服务器日常维护常识硬件维护1.储存设备的扩充 当资源不断扩展的时候,服务器就需要更多的内存和硬盘容量来储存这些资源.所以,内存和硬盘的扩充是很常见的.增加内存前需要认定与服务器原有的内存的兼容性,最好是同一品牌的规格的内存.如果是服务器专用的ECC内存,则必须选用相同的内存,普通的SDRAM内存与ECC内存在同一台服务器上使用很可能会引起统严重出错.在增加硬

  • TensorFlow.js 微信小程序插件开始支持模型缓存的方法

    通常情况下,微信小程序追求的是短小精悍,即开即用,用完即走,适用于一些简单的应用场景.然而,随着微信小程序开放能力的提高,人们发现用微信小程序可以实现越来越多的功能,小程序也越来越复杂,越来越庞大起来.这个可以从小程序的大小限制的变化看出,最开始小程序的大小限制为1M,后来限制为2M,最新微信又给小程序提供了分包加载机制,开发者将小程序划分成不同的子包,用户在使用时按需进行加载,所有分包大小限制提高到8M. 虽然小程序的大小限制已经大大提升,但对于小程序开发者而言,仍然捉襟见肘.随便几个图片资源

  • VBScript:Join 函数一个不太常用,却很有用的函数

    以前没有注意到这个函数,直到今天用起来才觉得这个函数很有用,确实不错 ,先记一下用法看看. Join 函数 返回一个字符串,此字符串由包含在数组中的许多子字符串联接创建. Join(list[,delimiter]) 参数 list 必选项.包含要联接的子字符串一维数组. Delimiter 可选项.在返回字符串中用于分隔子字符串的字符.如果省略,将使用空字符 ("").如果 delimiter 是零长度字符串,则在同一列表中列出全部项,没有分界符. 说明 下面的示例利用 Join 函

  • Java编程小实例—数字时钟的实现代码示例

    本文的实例是Java编程实现一个数字时钟,代码测试可用,练练手吧.代码如下: package me.socketthread; import java.awt.Color; import java.awt.Dimension; import java.awt.Font; import java.awt.Graphics; import java.awt.Graphics2D; import java.util.Calendar; import java.util.GregorianCalenda

随机推荐