javascript基础拾遗(一)
1.判断变量类型
var num = '123';
if(typeof num == 'number'){
alert('this is a number');
}
else{
throw 'this is not a number';
}
2.arguments关键字
只在函数内部起作用,函数所有入参
function foo(x) {
console.log('x is :' + x);
for(var i=0;i<arguments.length;i++){
console.log('arguments['+i+']:'+arguments[i]);
}
}
foo(1,2,3);
3.rest关键字
除了函数定义参数外的其他入参
function foo(x,...rest) {
console.log('x is :' + x);
for(var i=0;i<arguments.length;i++){
console.log('arguments['+i+']:'+arguments[i]);
}
console.log(rest)
}
foo(1,2,3);
4.JavaScript会在行末自动添加分号
function foo() {
// right
return {name: 'foo'}
// wrong
//return
//{name:'foo'}
}
result = foo();
console.log(result.name);
5.变量作用域
1)内部函数可以访问外部函数变量,外部变量不能访问内部函数的变量
function foo() {
x = 1;
function calc() {
// right
y = x + 1;
}
}
// wrong
console.log(x);
2)内部函数变量屏蔽外部变量
function foo() {
x = 1;
function calc() {
x = 2;
// 2
console.log(x);
}
// 1
console.log(x);
}
3)变量提升
javascript函数在执行时,会先扫描所有的变量定义,放在函数顶部
function foo() {
var x = 'hello ' + y;
var y ='tomorrow';
// 输出hello undefined
console.log(x);
}
foo();
可以看出,可以执行成功,y有申明,但是y要到下一条语句才会赋值。
4)全局作用域
不在任何函数内定义的变量具有全局作用域
实际上,javascript有一个全局对象window,全局变量被绑定到这个全局对象window
var x = 100
// 100
alert(window.x)
window对象表示浏览器打开的当前窗口,拥有alert,length,height,location,screen等很多属性
5)命名空间
全局变量会绑定到window上,不同的javascript文件使用相同的全局变量会造成冲突。
减少这种问题的一种方法是,把各自的变量和函数全部绑定到各自的全局变量,如:
var MYAPP = {};
MYAPP.name = 'myapp';
MYAPP.version = 1.0;
MYAPP.foo = function(){
return 'foo';
};
6)局部作用域
javascript的变量作用域针对的是函数,像for循环等语句块中的变量,属于块级作用域,是不具有局部作用域的。
function foo() {
for(var i=0;i<10;i++){
}
i = i +10;
// i=20
console.log(i)
}
foo();
ES6引入了let关键字,使用let可以声明一个块级作用域的变量
function foo() {
for(let i=0;i<10;i++){
}
// wrong
console.log(i)
}
foo();
7)常量
ES6引入了const关键字,来申明一个常量
const PI =3.14
8)解构赋值
同时对一组变量进行赋值
var array = ['hello', 'world']
var a = array[0];
var b = array[1];
var [a,b] = ['hello', 'world']
8)异常处理
try{
}
catch(e){
}
finally{
}
javascript基础拾遗(一)的更多相关文章
- javascript基础拾遗(十三)
1.jQuery的特点 jQuery是目前非常流行的javascript库,理念是"Write Less,Do More" 1)消除浏览器差异 2)简洁的操作DOM方法 3)轻松实 ...
- javascript基础拾遗(十二)
1.javascript的单线程特性 在javascript中,所有的代码都是单线程的 因此所有的网络操作,浏览器事件,都必须是异步执行的,异步执行的逻辑是回调. function callback( ...
- javascript基础拾遗(十一)
1.DOM操作 1)查找 //根据id查找 document.getElementById() //根据html标签查找 documnet.getElementByTagName() //根据样式cl ...
- javascript基础拾遗(十)
1.支持ES6标准的浏览器 IE10+ Chrome Safari Firefox 移动端浏览器统一都支持 需要注意的是,不同浏览器对各个特性的支持也不一样 2.window对象 当前浏览器窗口对象 ...
- javascript基础拾遗(七)
1.对象的继承__proto__ var Language = { name: 'program', score: 8.0, popular: function () { return this.sc ...
- javascript基础拾遗(六)
1.Date内置对象 获取系统时间 var now = new Date() console.log(now) console.log(now.getDate()) console.log(now.g ...
- javascript基础拾遗(五)
1.什么是箭头函数 ES6引入的一种新的函数,类似匿名函数,x=>xx 箭头左端为函数参数,右端为函数体 相当于 function (x){ retutn xx } 2.箭头函数的特点 更简洁 ...
- javascript基础拾遗(二)
1.对象定义 定义属性 var language = { name:'javascript', score:9.0 }; console.log(language.name) console.log( ...
- javascript基础拾遗(九)
1.class关键字 ES6引入了新的class关键字编写对象 function Language(name){ this.name = name this.score = 8.0 } Languag ...
随机推荐
- CSS中position:fixed的相关用法
CSS中的三大重点知识: 1.float,浮动 2.盒子模型 3.position绝对定位 今天主要写下position中fixed相关知识: position:static,relative,abs ...
- c++ 静态类成员函数(static member function) vs 名字空间 (namespace)
好多人喜欢把工具函数做成static member function.这样以增加隐蔽性和封装性,由其是从C#,java转而使用c++的开发人员. 例如: class my_math { public: ...
- libevent中min_heap分析
typedef struct min_heap { struct event** p; unsigned n, a; } min_heap_t; static inline void min_heap ...
- iphone 恢复出厂设置方法
1.下载安装并打开itunes. 2.让手机进入恢复模式: 一.先长按住电源键,出现关机选项时,请滑动关机: 二.随后再按电源键开机,屏幕会出现苹果标志,不要松开电源键: 三.接着再按住主屏 Home ...
- Json循环引用问题
154down votefavorite 27 I am trying to do a simple JSON return but I am having issues I have the fol ...
- win7系统部分软件显示乱码怎么办
用了Win7以后,发现有的中文软件打开后,在界面上出现很多文字乱码,之前这个软件在XP上用过,一直都是中文的,怎么到Win7上,就显示乱码了. 到网上一查,发现很多网友都有同样问题,经过一番查找,找到 ...
- C#程序证书创建工具 (Makecert.exe)
原文地址:https://msdn.microsoft.com/zh-cn/library/bfsktky3(VS.80).aspx 证书创建工具生成仅用于测试目的的 X.509 证书.它创建用于数字 ...
- Git 别名(分布式版本控制系统)
1.Git 别名 Git 并不会在你输入部分命令时自动推断出你想要的命令.如果不想每次都输入完整的 Git 命令,可以通过 git config 文件来轻松地为每一个命令设置一个别名.这里有一些例子你 ...
- 实例应用 自定义页面taglib标签
关于继承TagSupport与BodyTagSupport的区别说明 * <code>TagSupport</code>与<code>BodyTagSupport& ...
- MongoDB学习笔记(7)--- 条件操作符
描述 条件操作符用于比较两个表达式并从mongoDB集合中获取数据. 在本章节中,我们将讨论如何在MongoDB中使用条件操作符. MongoDB中条件操作符有: (>) 大于 - $gt (& ...