JavaScript学习要点

javascript相关内容

1.序列化--json

- stringify() 将对象转换为字符串

- parse() 将字符串转换为对象

list=[11,22,33,44,55];
　　结果：(5) [11, 22, 33, 44, 55]
str=json.stringify(list);
　　结果："[11,22,33,44,55]"
list1=json.parse(str);
　　结果：(5) [11, 22, 33, 44, 55]

2.字符串转义--encodeuri

- encodeuri(url);

- decodeuri(url);

- decodeuricomponent(url) ;

- encodeuricomponent(url);

url="https://www.sogou.com/web?query=土味程序员";
　　转义结果："https://www.sogou.com/web?query=土味程序员"
changestr=encodeuri(url);
　　转义结果："https://www.sogou.com/web?query=%e7%8e%8b%e6%98%9f%e4%bc%9f"
changestr1=encodeuricomponent(url);
　　转义结果："https%3a%2f%2fwww.sogou.com%2fweb%3fquery%3d%e7%8e%8b%e6%98%9f%e4%bc%9f"
decodeuri(changestr);
　　转义结果："https://www.sogou.com/web?query=土味程序员"
decodeuricomponent(changestr1);
　　转义结果："https://www.sogou.com/web?query=土味程序员

小知识：通常登入界面，第一次登入后，后面就不需要再次登入，可以直接访问，。原理：客户端连接后，服务器会下发一串**********给客户端，客户端将**********通过转义

后保存在cookie中，仅供博主自己参考。

3.eval

　　eval方法只接受原始字符串作为参数，如果 string 参数不是原始字符串，那么该方法将不作任何改变地返回。因此请不要为 eval() 函数传递 string 对象来作为参数。

如果试图覆盖 eval 属性或把 eval() 方法赋予另一个属性，并通过该属性调用它，则 ecmascript 实现允许抛出一个 evalerror 异常。（引用百度说明）

　　话不多说直接上例子：

num = eval("2+2");
输出：4
var x=4;
num=eval("x+4");
输出：8

　　python：函数eval(表达式)；

　　　　　　函数exec(执行代码)；

　　javascript：eval中既可以是函数也可以是表达式；

4.时间

- date()函数

var time=new date();//变量声明时需要使用new关键字
time.getdate();//获取当前日期
time.getday();//当前是星期几
time.getyear();//获取当前的年

time.setdate(n);
time.setday(n);
time.setyear(n);

date的相关函数：

date()	返回当日的日期和时间。
getdate()	从 date 对象返回一个月中的某一天 (1 ~ 31)。
getday()	从 date 对象返回一周中的某一天 (0 ~ 6)。
getmonth()	从 date 对象返回月份 (0 ~ 11)。
getfullyear()	从 date 对象以四位数字返回年份。
getyear()	请使用 getfullyear() 方法代替。
gethours()	返回 date 对象的小时 (0 ~ 23)。
getminutes()	返回 date 对象的分钟 (0 ~ 59)。
getseconds()	返回 date 对象的秒数 (0 ~ 59)。
getmilliseconds()	返回 date 对象的毫秒(0 ~ 999)。
gettime()	返回 1970 年 1 月 1 日至今的毫秒数。
gettimezoneoffset()	返回本地时间与格林威治标准时间 (gmt) 的分钟差。
getutcdate()	根据世界时从 date 对象返回月中的一天 (1 ~ 31)。
getutcday()	根据世界时从 date 对象返回周中的一天 (0 ~ 6)。
getutcmonth()	根据世界时从 date 对象返回月份 (0 ~ 11)。
getutcfullyear()	根据世界时从 date 对象返回四位数的年份。
getutchours()	根据世界时返回 date 对象的小时 (0 ~ 23)。
getutcminutes()	根据世界时返回 date 对象的分钟 (0 ~ 59)。
getutcseconds()	根据世界时返回 date 对象的秒钟 (0 ~ 59)。
getutcmilliseconds()	根据世界时返回 date 对象的毫秒(0 ~ 999)。
	返回1970年1月1日午夜到指定日期（字符串）的毫秒数。
setdate()	设置 date 对象中月的某一天 (1 ~ 31)。
setmonth()	设置 date 对象中月份 (0 ~ 11)。
setfullyear()	设置 date 对象中的年份（四位数字）。
setyear()	请使用 setfullyear() 方法代替。
sethours()	设置 date 对象中的小时 (0 ~ 23)。
setminutes()	设置 date 对象中的分钟 (0 ~ 59)。
setseconds()	设置 date 对象中的秒钟 (0 ~ 59)。
setmilliseconds()	设置 date 对象中的毫秒 (0 ~ 999)。
settime()	以毫秒设置 date 对象。
setutcdate()	根据世界时设置 date 对象中月份的一天 (1 ~ 31)。
setutcmonth()	根据世界时设置 date 对象中的月份 (0 ~ 11)。
setutcfullyear()	根据世界时设置 date 对象中的年份（四位数字）。
setutchours()	根据世界时设置 date 对象中的小时 (0 ~ 23)。
setutcminutes()	根据世界时设置 date 对象中的分钟 (0 ~ 59)。
setutcseconds()	根据世界时设置 date 对象中的秒钟 (0 ~ 59)。
setutcmilliseconds()	根据世界时设置 date 对象中的毫秒 (0 ~ 999)。
tosource()	返回该对象的源代码。
tostring()	把 date 对象转换为字符串。
totimestring()	把 date 对象的时间部分转换为字符串。
todatestring()	把 date 对象的日期部分转换为字符串。
togmtstring()	请使用 toutcstring() 方法代替。
toutcstring()	根据世界时，把 date 对象转换为字符串。
tolocalestring()	根据本地时间格式，把 date 对象转换为字符串。
tolocaletimestring()	根据本地时间格式，把 date 对象的时间部分转换为字符串。
tolocaledatestring()	根据本地时间格式，把 date 对象的日期部分转换为字符串。
utc()	根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。
valueof()	返回 date 对象的原始值。

5.作用域

　　其他语言的作用域 ==》代码块；

　　python的作用域 ==》 函数；

　　javascript的作用域 ==》函数；

要点：

1. javascript以函数为作用域。
2. 函数的作用域在函数未被调用之前已经建立。
3. 函数的作用域在作用域链中，并且也是在调用之前建立。
4. 函数内的局部变量提前声明。

name="tuwei";
function func(){
    var name =  "tuwei1";
    function inner(){
        console.log(name);
     }  
    retuen inner;      
}
var ref = func();
    ref();
//打印"tuwei1" ；

　　遇到作用域问题严格按照上述4点来判断。

function func(){
    console.log(name);  
    var name="tuwei";
}

func();
//程序打印undefine；  
1.var xxoo=undefine;
2.console.log(name);
3.var xxoo="tuwei";                     

6.面向对象

function foo(name){
    this.name=name;
    this.sayname=function(){
        console.log(this.name);
    }
}

var obj = new foo("程序员");
console.log(obj.name);
obj.sayname;
var obj1 = new foo("程序员1");
console.log(obj1.name);
obj1.sayname;

此处代码运行有问题：1.只打印了obj.name和obj1.name两个参数（尚未明白）。
　　　　　　　　　　2.每个对象都会申请一个sayname函数，这样会占用大量空间（是否有方法解决此问题）。
为了解决问题2：javascript引入了原型。
请看代码分析：

function foo(name){
    this.name=name;
}
//原型
foo.prototype={
    // body... 
    'sayname':function(){
        console.log(this.name);
    }
};

var obj = new foo("程序员");
console.log(obj.name);
obj.sayname;
var obj1 = new foo("程序员1");
console.log(obj1.name);
obj1.sayname;

　　原型的概念类似于python中的class类方法，会将所有对象的相同方法统一存放于某个地区，方便对象的调用。

　　格式如上述代码所示。