• 网站首页
  • 网络编程
    • PHP笔记
    • JavaScript
    • HTML
    • AJAX
    • jQuery
    • Python
  • 数据库
    • MySQL
    • SQL Server
当前位置:首页 > 网络编程 > JavaScript

JavaScript 变量和函数声明的简单示例

人气:148 时间:2018-10-13

这篇文章主要为大家详细介绍了JavaScript 变量和函数声明的简单示例,具有一定的参考价值,可以用来参考一下。

感兴趣的小伙伴,下面一起跟随512笔记的小编罗X来看看吧。
现象:
1.在JavaScript中变量和函数的声明会提升到最顶部执行。
2.函数的提升高于变量的提升。
3.函数内部如果用var声明了相同名称的外部变量,函数将不再向上寻找。
4.匿名函数不会提升。
5.不同<script>块中的函数互不影响。

例子:
函数声明提升高于变量声明

/**
 * 
 * @param 
 * @arrange (512.笔记) www.512pic.com
 **/
//同时声明变量a和函数a
var a;
function a() {} 
alert(typeof a);  //显示的是"function",初步证明function的优先级高于var。
//先声明函数后声明变量,证明上边的例子不是function覆盖了变量
function a() {}
var a; 
alert(typeof a);  //显示的仍是"function",而不是"undefined",即function的优先级高于var。
//声明了变量的同时赋值
function a() {}
var a = 1;
alert(typeof a);  //number,此时不是function了。
//说明:"var a=1"相当于"var a;a=1",即先声明,后赋值,"a=1"相当于把a重新赋值了,自然就是number! 
函数内部用var定义了和外部相同的变量,函数将不再向上找外部的变量

/**
 * 
 * @param 
 * @arrange (512.笔记) www.512pic.com
 **/
var value = 'hello';
function  show() {
    alert(value);
    if (!value) {
        var value = 'function';
    }
    alert(value);
}
show() //此处调用函数依次弹出 "undefined", "function"
//上例相当于
var value = 'hello';
function  show() {
  var value;  //注意这行
    alert(value);
    if (!value) {
        value = 'function';  //这行去掉var
    }
    alert(value);
}
show()
//1.如果上列中show内部定义value未用var,则会用到外部的变量,弹出"hello", "hello"。 
//2.如果函数内部未定义value,也能获取到外部的value值。
匿名函数不会向上提升

/**
 * 
 * @param 
 * @arrange (512.笔记) www.512pic.com
 **/
getName()
var getName = function () {
    alert('closule')
}
function getName() {
    alert('function')
}
getName()
//上边的代码相当于
function getName() {  //函数向上提升
    alert('function')
}
getName()
var getName = function () {
    alert('closule')
}
getName()
//代码执行分别弹出 "function", "closule"
不同<script>块中的函数互不影响

/**
 * 
 * @param 
 * @arrange (512.笔记) www.512pic.com
 **/
<script>
    getName()
    var getName = function () {
        alert('closule')
    }
<script>
<script>
    function getName() {
        alert('function')
    }
<script>
//代码执行报错:TypeError: getName is not a function
//因为第一个<script>块中getName()函数未定义,匿名函数又不会向上提升

注:关于JavaScript 变量和函数声明的简单示例的内容就先介绍到这里,更多相关文章的可以留意512笔记的其他信息。

关键词:变量,函数声明

您可能感兴趣的文章

  • Python变量避免的3个错误解析
  • PHP弱类型变量的简单示例
  • Python带下划线的变量和函数命名的简单示例
  • Python私有变量解析
  • php变量处理类函数的简单示例
  • php 获取一个变量名字的简单示例
  • smarty变量调节器格式化变量及smarty中常用函数
  • python同时给多个变量赋值的简单示例
  • Python全局变量与局部变量的简单示例
  • Python局部变量和全局变量用法示例
转载请注明出处:512笔记
本文永久地址:http://www.512pic.com/174/2579-0.html
上一篇:JS中call和apply的简单示例
下一篇:JavaScript输出文本的简单示例
最新文章
  • js 将json字符串转换为json对象的简单示例
  • js 跨浏览器的事件示例
  • JS 逐个访问URL的每个查询字符串参数
  • JS 展开/收起按钮显示隐藏文字示例
  • js 文字超出部分隐藏、点击显示更多示例
  • 原生JS实现鼠标悬停图片显示文字的简单示例
  • 原生JS+css 点击查看全文的简单示例(类似今日头条效果)
  • JS 点击按钮显示更多内容的简单示例
  • js 横向显示全部文字,再点击显示缩略文字示例
  • javascript实现文字隐藏、展开收起的简单示例
本月热门
  • 热门文章
    • js 文字超出部分隐藏、点击显示更多示例
    • javascript实现文字隐藏、展开收起的简单示例
    • js随机生成两位数
    • JS 点击按钮显示更多内容的简单示例
    • JS 展开/收起按钮显示隐藏文字示例
    • 原生JS+css 点击查看全文的简单示例(类似今日头条效果)
    • 原生JS实现鼠标悬停图片显示文字的简单示例
    • JS 逐个访问URL的每个查询字符串参数
    • js 将json字符串转换为json对象的简单示例
    • js 横向显示全部文字,再点击显示缩略文字示例
    • js 跨浏览器的事件示例
    • js生成不重复的随机数
    • js随机生成数字验证码
    • js面向对象菜鸟教程
    • JS select转移工具箱的通用方法
    • JS 使用DOM访问网页元素的示例
    • js生成随机颜色值
    • JavaScript 操作字符串的简单示例
    • js生成随机整数
    • javascript常用函数大全

All rights reserved. 512笔记. 网站地图 友情连接 招募投稿 广告服务