javascript 容易误解的地方

简介: <div class="markdown_views"><p>(1)使用for…in遍历对象时,不仅会遍历对象中的属性和方法,同时也会遍历类的原型中的属性和方法</p><pre class="prettyprint"><code class=" hljs javascript"><span class="hljs-keyword">var</span> Person=

(1)使用for…in遍历对象时,不仅会遍历对象中的属性和方法,同时也会遍历类的原型中的属性和方法

var Person=function(){
  this.username="huangweii";
  this.age=27;
  this.sayHello=function()
  {
    console.log("username is :"+this.username);
  }
}
Person.prototype.sex='man';
Person.prototype.eat=function(){
  console.log('eat...');
}
var person=new Person();
person.sayHello();
console.log('------------------------');
for(var i in person){
  console.log("key:\t"+i);
}

运行结果:
运行结果

(2)

alert(name123);

运行结果:
报错:ReferenceError: name123 is not defined

alert(name123);
//var name123=”whuang”;
但是:

alert(name123);
var name123="whuang";

运行结果:undefined

(3)

function sayHello(username,age)
{
  arguments[1]=23;
  console.log('my name is '+username+" , age is "+age);
}

sayHello('whuang',24);

预期结果:my name is whuang , age is 24
运行结果:
my name is whuang , age is 23

(4)声明但是不赋值就不会改变原来的值

var username333='whuang';
var username333;
console.log(username333);

运行结果:
whuang

经验:当我们不确定变量是否被声明,但是又需要调用时,我们可以声明一下,防止报错.
因为声明但是不赋值就不会改变原来的值

(5)判断变量是否被声明过
通过if判断:

if(abcaa11112)//error
{
  console.log(abcaa11112);
}else{
    console.log('没有被声明过');
}

运行结果:报错
总结:通过if判断不保险.

正确的做法是通过typeof 来判断

console.log(typeof abcaa11112);//ok

运行结果:undefined

当然也可以通过下面的方式来判断:

if(window.abcaa11112)//ok
{
  console.log(window.abcaa11112);
}else{
    console.log('没有被声明过');
}

注意:在变量前增加了”window.”

相关文章
|
2月前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
36 1
JavaScript中的原型 保姆级文章一文搞懂
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
118 2
|
2月前
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
23 0
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
164 4
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
93 4
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
85 4
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
101 4
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
96 3
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
77 3
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物医院系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物医院系统附带文章源码部署视频讲解等
72 2