Javascript中的函数表达式
函数声明 有提升 而函数表达式没有,因此不应该通过if…else来声明函数
if (condition) {
function sayHi() {}
} else {
function sayHi() {}
}
在递归函数中使用arguments.callee可以避免因函数名改变产生的错误。
function factorial(num) {
if (num <= 1) {
return 1;
} else {
return num * arguments.callee(num - 1);
}
}
闭包是指函数中定义的函数,闭包的作用域链中包含父函数的执行环境(变量对象),所以即使父函数退出,如果闭包仍然被引用,那么父函数的变量对象就一直存在于内存中。所以,过度的使用闭包会导致内存占用过多
闭包的另外一个副作用是闭包只能取得父函数中变量的最后一个值,例如: function createFunctions() {
...
Javascript中的对象
属性的类型1.1 数据类属性数据类属性的属性——特性为:
[[Configurable]]: 默认为true。表示能否通过delete删除属性,能否修改属性的特性。
[[Enumerable]]: 默认为true。表示在用for-in迭代对象时,能否迭代出该属性。
[[Writable]]: 默认为true。表示能否修改属性的值。
[[Value]]: 默认为undefined。保存属性的值。
1.2 访问器类属性访问器类属性的特性为:
[[Configurable]]: 默认为true。表示能否通过delete删除属性,能否修改属性的特性。
[[Enumerable]]: 默认为true。表示在用for-in迭代对象时,能否迭代出该属性。
[[Get]]: 默认为undefined。读取属性时调用的函数。
[[Set]]: 默认为undefined。写入属性时调用的函数。
使用访问器类型的属性的常用方法是写入该属性时往往会导致其他属性也跟着变化。
1.3 对特性的操作方法:Object.defineProperty(Object, prop ...
Javascript中的单体内置对象
Global
encodeURI() encodeURIComponent(): 用utf-8编码替换URI中的无效字符,区别在于encodeURI并不对属于URI的特殊字符进行编码,如:// #?等
eval(“var msg=’hello world’”); alert(msg);
Global对象的属性:
undefined
NaN
Infinity
Object
Array
Function
Boolean
String
Number
Date
RegExp
Error
EvalError
RangeError
ReferenceError
SyntaxError
TypeError
URIError
可通过window对象来访问global对象的变量和函数
var global = function(){return this;}();
Math
Math对象的属性:
Math.E
Math.LN10
Math.LN2
Math.LOG2E
Math.LOG10E
M ...
Javascript中的基本包装类型
当读取一个基本类型(Boolean、String、Number)的值时,后台对创建一个对应的基本包装类型,从而让我们可以调用一些方法来操作这些数据。 基本包装类型与引用类型的区别:
生存期。自动创建的包装类型只存在于一行代码存在的瞬间。不能在运行时为基本类型添加属性和方法。
Number类型常用的方法
toString()
toFixed(2) //小数点后两位
toExponential()
toPrecision(3)
String类型常用的属性和方法
length: 返回字符串的长度
charAt(2) charCodeAt(2): 返回字符串中第三个字符/编码
concat(“xxx”) 或者 + “xxx”: 字符串拼接
slice(start, end) subString(start, end) subStr(start, number): 字符串切片 当start为负值时,slice和subStr会把它与字符串长度相加得到新的start;而subString则会将其转化为0 当end/number为负值时,slice会把它与字符 ...
Javascript中的函数
函数的定义
var foo = fucntion(a, b) {}; //函数表达式
function foo(a, b) {}; //函数声明
var foo = new Function(“a”, “b”, “return false”); //不推荐
对于函数声明,可以在声明之前调用该函数;而对于函数表达式,不可以在表达式之前调用该函数。
函数的属性
this: 引用的是函数执行的环境对象,全局作用域中的this引用的是window对象
arguments: 保存函数参数的数组
arguments.callee: 指向该函数的指针
caller: 函数的调用者
length: 函数希望接收到的命名参数的个数
函数的方法
call(obj, arg1, arg2…) //设置函数的运行环境(改变this的值)
apply(obj, [arg1, arg2]) //设置函数的运行环境(改变this的值)
bind(obj) //绑定函数的运行环境
Javascript中的正则表达式
RegExp类型的创建 var expression = /pattern/flags; 或者 var expression = new RegExp(“pattern”, “flags”);
g :全局匹配
i :忽略大小写
m :多行模式
RegExp实例的属性
global: true or false, 表示标志位’g’是否被设置
ignoreCase: true or false
multiline: true or false
lastIndex: 下一次搜索开始的字符位置
source: pattern的字符串表示
RegExp实例的方法
exec(“target_string”)
ret.index: 匹配到的字符串的起始位置
ret.input: “target_string”
ret[0]: 匹配到的字符串
ret[1 - n]: 匹配组1-n匹配到的字符串
test(“target_string”)
true: 匹配到字符串
false: 没有匹配到字符串
exec和tes ...
Javascript中的Date
Date类型的创建
var date = new Date() //获取当前时间
var date = new Date(ms) //根据Unix时间戳来创建Date对象
var date = new Date(Date.parse(“string”)) //string为日期时间组成的字符串,符合要求的字符串格式包括:
“m/d/y”
“January 12, 2004”
“Tue May 25 2004 00:00:00 GMT-0700”
YYYY-MM-DDTHH:mm:ss.sssZ”
var date = new Date(Date.UTC()) // Date.UTC的参数为年、月、日、小时、分钟、秒、毫秒
Date类型的操作 var date = new Date();
Date.now() 或者+new Date()获取当前的时间戳, “+”操作符可获取Date对象的时间戳
date.toDateString(); // “Thu May 17 2018”
date.toTimeString(); // “14 ...
[转]A Complete Guide to Flexbox
BackgroundThe Flexbox Layout (Flexible Box) module (currently a W3C Last Call Working Draft) aims at providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic (thus the word “flex”). The main idea behind the flex layout is to give the container the ability to alter its items’ width/height (and order) to best fill the available space (mostly to accommodate to all kind of display devices and screen sizes). A fle ...
操作系统级虚拟化概述
操作系统级虚拟化KVM、XEN等虚拟化技术允许各个虚拟机拥有自己独立的操作系统。与KVM、XEN等虚拟化技术不同,所谓操作系统级虚拟化,也被称作容器化,是操作系统自身的一个特性,它允许多个相互隔离的用户空间实例的存在。这些用户空间实例也被称作为容器。普通的进程可以看到计算机的所有资源而容器中的进程只能看到分配给该容器的资源。通俗来讲,操作系统级虚拟化将操作系统所管理的计算机资源,包括进程、文件、设备、网络等分组,然后交给不同的容器使用。容器中运行的进程只能看到分配给该容器的资源。从而达到隔离与虚拟化的目的。 实现操作系统虚拟化需要用到Namespace及cgroups技术。
命名空间(Namespace)在编程语言中,引入命名空间的概念是为了重用变量名或者服务例程名。在不同的命名空间中使用同一个变量名而不会产生冲突。Linux系统引入命名空间也有类似的作用。例如,在没有操作系统级虚拟化的Linux系统中,用户态进程从1开始编号(PID)。引入操作系统虚拟化之后,不同容器有着不同的PID命名空间,每个容器中的进程都可以从1开始编号而不产生冲突。 目前,Linux中的命名空间有6种类型,分 ...
Javascript中的数组
数组的定义:
var colors = new Array(20);
var colors = new Array(‘red’); // [‘red’]
var colors = [‘red’, ‘green’];
判断变量是不是数组:
colors instanceof Array; //true
Array.isArray(colors); //true
将数组转化为字符串:
colors.toString(); // ‘red,green’
colors.join(‘ ‘); //‘red green’
colors = [ “red”, undefined, “green”, null, “yellow” ];colors.toString(); //“red,,green,,yellow”colors.join(‘ ‘); //“red green yellow”colors.join(‘;’); //“red;;green;;yellow”
栈方法
colors.push(‘yellow’); //[‘red’, ‘gr ...