关于js中console.log()和alert()的区别及函数在其中的运用

2017-9-27 17:10:34 4,278 views

 

var age=29;
function sayAge(){
  console.log(this.age);//console.log:
}
alert(sayAge());//console.log:弹出undefined  控制台输出29
console.log(sayAge());//console.log:控制台输出29,unedfined
sayAge();//弹出29,控制台输出29
*输出undefined的原因是函数没有返回值。
var age=29;
function sayAge(){
   alert(this.age);//alert:
}
 alert(sayAge());//alert:弹出29,undefined
console.log(sayAge());//alert:弹出29, 控制台输出unedfined
sayAge();//控制台输出29,弹出29

 
 
alert():

  1. 有阻塞作用,不点击确定,后续代码无法继续执行
  2. alert()只能输出string,如果alert输出的是对象会自动调用toString()方法
    
    
    e.g. alert<span class="hljs-comment">([a,b,c])</span>;<span class="hljs-comment">//a,b,c</span>
  3. alert不支持多个参数的写法,只能输出第一个值
    
    
    e.g. alert(<span class="hljs-number">1</span>,<span class="hljs-number">2</span>,<span class="hljs-number">3</span>);<span class="hljs-comment">//1</span>

console.log():

  1. 在打印台输出
  2. 可以打印任何类型的数据
    
    
    e.g. console.<span class="hljs-built_in">log</span>([<span class="hljs-keyword">a</span>,b,c])<span class="hljs-comment">;//[a,b,c]</span>
  3. 支持多个参数的写法
    
    
    e.g. console.log(<span class="hljs-number">1</span>,<span class="hljs-number">2</span>,<span class="hljs-number">3</span>)<span class="hljs-comment">// 1 2 3   </span>
0

分享到微信朋友圈

打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。