javascript语言学习笔记。
js类创建方法
var DogKing = function(dogName){
this.dogName = dogName;
}; var myDogKing = new DogKing("奥巴马");
cc.log(myDogKing.dogName); //狗王奥巴马 //据说下面这种类的创建方式要比上面一种好。 var Dog = function(object){
var F = function(){};
F.prototype=object;
return new F;
}; var myDog = Dog({
dogName:"安倍晋三"
});
cc.log(myDog.dogName); //狗王小弟安倍
js闭包
function f1(){
var n =99;
nAdd = function(){n++;};//nAdd的值是一个匿名函数,而这个匿名函数本身也是一个闭包,所以nAdd相当于是一个setter,可以在函数外部对函数内部的局部变量进行操作。
function f2(){ //闭包函数,能在外部取函数内部的局部变量。因为在js中,只有函数内部的子函数才能读取局部变量,因此可把闭包简单理解成“定义在一个函数内部的函数”
cc.log(n);
}
return f2; //所以本质上,闭包就是函数内部连向外部的一座桥梁。
} var test1 = f1();
test1(); //
nAdd(); //nAdd前没有var,所以是个全局变量。
test1(); //100 函数f1的局部变量n一直保存在内存中,并没有在f1调用后被清除。因为f2被赋给了一个全局变量test1,导致f2始终在内存中,而f2依赖f1,所以f1也始终在内存中,不会在调用结束后,被垃回收。
在js中,对函数进行传参时,如果参数是数组,函数或是对象,并且在函数中对参数进行修改,那么会影响到函数体外的那个数组,函数或是对象。
代码如下:
var test = {abc:5};
function fuc(n){
n.abc = 2;
n.xyz = 1;
}
fuc(test);
cc.log(test.abc+","+test.xyz); //输出2,1 而不是5,1
但是仅限对参数的修改,如果是对参数赋值的话则没有引用效果,如下
var test = {abc:5};
function fuc(n){
n = {abc:4};
}
fuc(test);
cc.log(test.abc); //输出5
变量赋值技巧
var asd = xx||2; //如果xx是undefined或null或""空字符串,则asd的值为2,反之为xx。
var asd = xx?xx:2; //与上面等价
立即执行函数(匿名函数)
(function(c1,c2){
cc.log(c1+c2); //输出3
})(1,2); //因为匿名函数无法通过名称来调用,所以只能如此调用。
删除对象的属性
var as = {};
as.qqq = "as";
cc.log(as.qqq); //输出as
delete as.qqq;
cc.log(as.qqq); //不输出任何东西
JS会首先编译定义式函数,下面会先编译第二步代码,然后再读第一步的代码,所以俩个myfunc()都调用了第一步的函数。
var myfunc = function () //第一歩
{
cc.log("yeah");
};
myfunc(); //输出yeah function myfunc() //第二步
{
cc.log("hello");
};
myfunc(); //输出yeah
计算执行一段代码所需的时间(精确到毫秒),这里也表明了尽量少用with
//取值与赋值 10000
function noWith(){
var obj = a.a.a.a.a.a.a, i=100000, j = 0;
for(; i; i--){
j = obj.b;
obj.b = i;
}
}
//取值与赋值 10000
function yesWith(){
var i=100000, j = 0;
with( a.a.a.a.a.a.a ){
for(; i; i--){
j = b;
b = i;
}
}
}
var t = new Date().getTime(); //console.time("Test")
//noWith();
noWith();
cc.log(new Date().getTime() - t); //console.timeEnd("Test")
方法和函数的区别:
1.函数是过程式编程的叫法,而方法是OO编程的叫法。
2.函数显示调用参数,方法隐式调用参数(类对象调用方法,隐式参数是类对象)。
构造函数的一些知识:
object instanceof Class //判断object是否是Class的一个对象
Class.prototype.constructor==object.constructor //类和类对象的构造函数
object.hasOwnProperty("name") //如果name是object的本地属性(name也可以是父类属性),则返回true,如果name是prototype出来的属性或object没name属性,则返回false
"name" in object //in用来判断name是否是object的一个属性,不管是否是本地属性还是prototype的属性。
js各元素关系:
var funcTest = function(){};
var objectTest = {};
var arrayTest = [];
cc.log((funcTest.constructor===Function)+" "+typeof funcTest); //true function
cc.log((objectTest.constructor===Object)+" "+typeof objectTest); //true object
cc.log((arrayTest.constructor===Array)+" "+typeof arrayTest); //true object
js形参和实参的关系:
var object1 = {a:1};
var object2 = object1; function funTest(n){
cc.log(typeof n =="object");
}
var object3 = {};
funTest(object3); //如果函数的参数是对象类型,那么实参object3和形参n的关系,就相当于object1和object2的关系。如果对这4个变量中的任一变量进行赋值,则不影响其相关的变量,如果进行修改,则影响其相关的变量
prototype属性和普通属性的区别:
function Person(name){
this.name=name;
} Person.prototype.share=[]; Person.prototype.printName=function(){
alert(this.name);
}; var person1=new Person('Byron');
var person2=new Person('Frank'); person1.share.push(1);
person2.share.push(2);
console.log(person2.share); //[1,2]
*待商榷的问题*
var myTest = function(){ };
myTest.prototype = {
theOne:function(){cc.log(1)},
theTwo:"ff"
};
/*
也可以下面这种方法写,但是如果上面这种方法除去了不必要的prototype属性,那么可能更好
myTest.prototype.theOne = function(){cc.log(1)};
myTest.prototype.theTwo = "ff";
*/ var shili = new myTest();
shili.theOne(); //
cc.log(shili.theTwo); //ff
代码中少用with,因为有出错率和效率上的问题。
var Sing = function ()
{
with(arguments.callee)
cc.log(Sing.author + " :" + this.poem);
};
Sing.author = "李白";
Sing.poem = " 汉家秦地月,流影照明妃。一上玉关道,天涯去不归 ";
Sing();
Sing.author = "李战";
Sing.poem = " 日出汉家天,月落阴山前。女儿琵琶怨,已唱三千年 ";
Sing();
javascript语言学习笔记。的更多相关文章
- GJM : JavaScript 语言学习笔记
JavaScript ------------------------------变量声明 : var a;变量赋值 : var a = 12; 函数声明 : var mAwesomeFunction ...
- Go语言学习笔记七: 函数
Go语言学习笔记七: 函数 Go语言有函数还有方法,神奇不.这有点像python了. 函数定义 func function_name( [parameter list] ) [return_types ...
- HTML语言学习笔记(会更新)
# HTML语言学习笔记(会更新) 一个html文件是由一系列的元素和标签组成的. 标签: 1.<html></html> 表示该文件为超文本标记语言(HTML)编写的.成对出 ...
- JavaScript语言精粹笔记
JavaScript语言精粹笔记 掌握语言的每个特性可以让你出风头,但是并不推荐,因为一部分的特性带来的麻烦可能远超本身的价值.正如书中所言,坏的材料并不能雕刻出好的作品,要成为一名更好的程序员,要取 ...
- 2017-04-21周C语言学习笔记
C语言学习笔记:... --------------------------------- C语言学习笔记:学习程度的高低取决于.自学能力的高低.有的时候生活就是这样的.聪明的人有时候需要.用笨的方法 ...
- 2017-05-4-C语言学习笔记
C语言学习笔记... ------------------------------------ Hello C语言:什么是程序:程序是指:完成某件事的既定方式和过程.计算机中的程序是指:为了让计算机执 ...
- JavaScript正则表达式学习笔记(二) - 打怪升级
本文接上篇,基础部分相对薄弱的同学请移步<JavaScript正则表达式学习笔记(一) - 理论基础>.上文介绍了8种JavaScript正则表达式的属性,本文还会追加介绍几种JavaSc ...
- GO语言学习笔记(一)
GO语言学习笔记 1.数组切片slice:可动态增长的数组 2.错误处理流程关键字:defer panic recover 3.变量的初始化:以下效果一样 `var a int = 10` `var ...
- Haskell语言学习笔记(88)语言扩展(1)
ExistentialQuantification {-# LANGUAGE ExistentialQuantification #-} 存在类型专用的语言扩展 Haskell语言学习笔记(73)Ex ...
随机推荐
- tag标签记录
看到项目代码中有一个自定义的tag标签,想起以前自己写过的标签,竟然忘记的差不多了,手一痒,自己写个简单的tag标签,回顾一下历史知识 首先建一个servlet工程,然后写个index.jsp,项目跑 ...
- 添加第三方类库造成的Undefined symbols for architecture i386:编译错误
1.原因: 如果是源码编译的话,一般就只某些头文件没有添加到src编译里面.但是对于添加库编译,一般是库的编译路径设置不正确(比如arm的版本.模拟器或者真机的不同版本库引用错误或者重复引用一起编译器 ...
- Android中Bitmap, Drawable, Byte之间的转化
1. Bitmap 转化为 byte ByteArrayOutputStream out = new ByteArrayOutputStream(); bitmap.compress(Bitmap. ...
- 类xml数据格式解析
需要解析一种类xml的数据文件,数据格式1如下: <head> //文件头 <type>xtype</type> <condition> key1=va ...
- 微信小程序入门——怎么建多个项目?(导入官方Demo程序进行学习)
昨天1月9日微信小程序发布,顿时被朋友圈刷爆,今天看了一下官方文档,自己开始一步一步搭建环境体验小程序开发. 常见问题: 1.微信小程序开发是否需要重新创建开发者账号? 需要,即使之前申请了微信服务号 ...
- [UWP小白日记-12]使用新的Composition API来实现控件的阴影
前言 看了好久官方的Windows UI Dev Labs示例好久才有点心得,真是头大.(其实是英语幼儿园水平(⊙﹏⊙)b) 真的网上关于这个API的资料可以说几乎没有. 正文 首先用这东西的添加WI ...
- SQL2008无法连接到.,及sa登录失败的总结
尊重别人的劳动成果,我是转载别人的: 本文转载自- 红黑联盟http://www.2cto.com/database/201203/123089.html 出现问题 : 标题: 连接到服务器----- ...
- wife信号如何传播
方法一:像哈利波特一样穿墙而出 无论是wife信号还是广播信号本质上都属于电磁波.x光穿透力强所以可以穿透人体给体内照相,但是wife信号作为电磁波虽然也可以穿透墙而过,但是他的穿透能力实在是太弱了. ...
- Vim编辑器与Shell命令脚本
章节简述: 本章节将教给您如何使用Vim编辑器来编写文档.配置主机名称.网卡参数以及yum仓库 ,熟练使用各个模式和命令快捷键. 我们可以通过Vim编辑器将Linux命令放入合适的逻辑测试语句(if. ...
- css 开发心得
1.一个 div内的行内 元素 如何水平对齐 将内部的元素设为 float ,然后设置 margin-top 对齐,然后 用伪类清楚浮动的影响