JavaScript中的声明、作用域、构造函数

最新推荐文章于 2023-05-16 22:40:39 发布
最新推荐文章于 2023-05-16 22:40:39 发布
阅读量167 收藏
点赞数
分类专栏： 声明 作用域 构造函数 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_54835055/article/details/116785628
版权

JavaScript中的声明、作用域、构造函数

一、声明提前

（1）变量的声明提前：

  1. 使用var关键字声明的变量，在所有的代码执行之前被声明（但不赋值）
  2. 如果声明变量时，不使用var关键字，则变量不会被声明提前

（2）函数的声明提前：

①通过函数声明形式创建的函数function（）{}，它会在所有的代码执行前被创建，所以我们在函数声明前来调用函数；通过函数表达创建的             函数不被声明提前

​​​​​​​​​​​​​​

②在函数作用域中也有声明提前的特性，函数声明也会在函数中所有的代码执行前声明

最低0.47元/天 解锁文章
Lian子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript构造函数
torino999的博客
03-16 4534
1、什么是构造函数，2、构造函数的作用，3、构造函数的执行流程。什么是构造函数 构造函数（Constructor）的创建方式和普通函数一样。但通常首字母进行大写，用于和普通函数区分。 但是当一个函数创建好以后，我们并不知道它是不是构造函数（即使函数名的首字母为大写）。只有当它以 new 操作符来调用的时候，我们才能说它是一个构造函数。...
c语言--名字作用域，声明
x13262608581的博客
08-20 287
名字作用域，声明
JavaScript：构造函数
snowball的博客
05-16 2834
JS语言中使用构造函数（constructor）作为对象的模板，所谓构造函数，就是提供一个生成对象的模板，并描述对象的基本结构的函数。JS中使用同一个构造函数创建的对象，我们称为一类对象，也将一个构造函数称为一个类(理解为模板，表示某一类实物的共同特征)。使用对象字面量创建一系列同一类型的对象时，这些对象可能具有一些相似的特征(属性)和行为(方法)，此时会产生很多重复的代码，把这些重复性的特征和属性抽象出来，做成构造函数，可以实现代码复用。我们将通过一个构造函数创建的对象，称为是该类的实例。
JS学习笔记（全局作用域、声明提前、函数作用域）
ply1877的博客
09-06 112
js代码编写位置： 学习内容： 1、在onclick属性中 例如： <button onclik="alert("HelloWorld!");">点我一下</button> （需要注意的是，这里的js代码需要点击按钮才会执行） 2、在href属性中 例如： <a href="javascript:alert("HelloWorld!");">点我试试</button> 3、在script标签中 例如： <script type="test/jav
C中变量的作用域&声明vs定义
weixin_45783996的博客
10-08 483
C中变量的作用域&声明vs定义作用域规则局部变量外部对象——外部变量或函数静态变量和静态函数声明vs定义定义性声明extern声明两者的区别？定义 作用域规则 名字的作用域指的是程序可以使用该名字的部分1。 局部变量 函数中声明的自动变量和参数都是局部变量，其作用域是声明该变量的函数 外部对象——外部变量或函数 外部变量指定义在函数之外，可以被多个函数使用的变量。由于C语言不允许在函数中定义其他函数，因此函数本身就是外部的。1 作用域从声明它的地方开始，到其所在的（待编译的）文件的末尾结束。1 （可
JavaScript匿名函数之模仿块级作用域
11-24
 第二种：这种方法使用了Function构造函数，把参数列表和函数体都作为字符串，很不方便，不建议使用。 var double = new Function('x', 'return 2 * x;');  第三种： var double = function(x) { return 2* x; }...
JavaScript中的高级函数
11-27
在JavaScript中，函数的功能十分强大。它们是第一类对象，也可以作为另一个对象的方法，还可以作为参数传入另一个函数，不仅如此，还能被一个函数返回！可以说，在JS中，函数无处不在，无所不能，堪比孙猴子呀！当你...
JavaScript作用域、闭包、对象与原型链概念及用法实例总结
12-12
本文实例讲述了JavaScript作用域、闭包、对象与原型链概念及用法。分享给大家供大家参考，具体如下： 1 JavaScript变量作用域 1.1 函数作用域 没有块作用域：即作用域不是以{}包围的，其作用域完成由函数来决定，...
JavaScript入门之基本函数详解
12-11
函数在JavaScript中可以： ◆ 被赋值给一个变量 ◆ 被赋值为对象的属性 ◆ 作为参数被传入别的函数 ◆ 作为函数的结果被返回 ◆ 用字面量来创建 函数对象 1.1 创建函数 创建JavaScript函数的一种不长用的方式(几乎...
javascript函数中的3个高级技巧
01-19
技巧一：作用域安全的构造函数 构造函数其实就是一个使用new操作符调用的函数  function Person(name,age,job){ this.name=name; this.age=age; this.job=job; } var person=new Person('match',28,'Software ...
Javascript 构造函数详解
10-25
Javascript构造函数是非常强大的，它可能也是Javascript能被充分利用的特点之一。但是如果你想真正的了解Javascript，你还是应该明白构造函数是如何工作的。本文，我们将从三个方面来讲述构造函数。
什么是构造函数?（JavaScript）
zayyo的博客
09-14 2480
构造函数也称之为构造器（constructor），通常是我们在创建对象时会调用的函数，在其他面向的编程语言里面，构造函数是存在于类中的一个方法，称之为构造方法，但是JavaScript中的构造函数有点不太一样。
JavaScript 函数基础——函数定义的各种方式以及函数的作用
黄凯达的博客
11-23 821
文章目录函数声明作用域参数默认参数返回值其他形式的函数函数表达式命名函数表达式立即调用函数表达式箭头函数new Function 语法何时使用函数总结 函数的主要作用就是把程序中许多相似的操作封装起来，达到复用的目的，需要时调用一下函数即可，不用再编写过多的重复代码，大大简化了后续相似的操作。 – 函数声明 函数使用 function 关键字来声明，基本语法如下： function 函数名(参数1, 参数2, ...) { // 代码编写在这里 return value; } 可
JavaScript 函数
diligent_lee的博客
07-21 145
1. 函数的定义和调用 函数的命名规范与变量类似，不再赘述。 1.1. 函数定义 JavaScript 的函数可以嵌套，也就是函数内部可以再定义函数。 // 参数列表不是必须的，可空 function fun(a, b, c, str) { // do something return str; //没有return，函数执行完也会返回结果，为undefined。 } // 第二种函数定义，匿名函数，配合事件使用 var num = function(x) { // do somet
JS——构造函数的三种方法
热门推荐
面对
07-04 1万+
//对象构造函数      function Atest(name){             var className = "Atest";  //私有属性，只能在对象构造函数内部使用         this.name = name;  //公有属性,在对象实例化后调用          //对象方法          this.hello = function(){    
JavaScript中构造函数及原型介绍
catjuting的博客
11-06 1762
一、构造函数及原型相关介绍1、构造函数 （1）构造函数始终都应该以一个大写字母开头；构造函数本身也是函数，只不过可以用来创建对象；要创建构造函数的新实例，必须使用new操作符； （2）构造函数例子：function Person(name,age,job){ this.name=name; this.age=age; this.job=job; this.sayN
JS基础_构造函数
兴趣是最好的老师
07-01 99
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 创建一个构造函数，专门用来创建Person对象的 * 构造函数就是一个普通的函数，创建方式和普通函数没有区别, * 不同的是构造函数习惯上首字母大写 *.
浅谈JavaScript构造函数和原型
controllerha的博客
09-10 2682
  1.说到原型我们先来看看什么是构造函数 function Fn(name) { this.name = name; this.fn1 = function () { console.log("哈哈"); } } 这是一个很简单的构造函数， 来看看怎么创建一个实例 var a1 = new Fn("张三"); 就是使用这个new来将构造函...
JS-构造函数的声明及使用
司军礼的博客
01-18 1685
构造函数 声明 普通方法的声明方式 //声明构造函数 function Person(name,age){ this.name = name; this.age = age } //实例化两个构造函数 const obj = new Person("小王",20); const obj2 = new Person("小李",22); 规范 声明构造函数时需要首字母大写 用以区分普通...
JavaScript中箭头函数和普通函数的区别和示例代码
最新发布
05-21
箭头函数和普通函数的区别主要体现在以下几个方面： 1. 箭头函数没有自己的this，它的this指向定义它时所处的作用域的this值。 2. 箭头函数不能作为构造函数使用。 3. 箭头函数没有arguments对象。 下面是示例代码： 普通函数： ```javascript function sum(a, b) { return a + b; } console.log(sum(1, 2)); // 输出 3 ``` 箭头函数： ```javascript const sum = (a, b) => a + b; console.log(sum(1, 2)); // 输出 3 ``` 普通函数中的this指向调用该函数的对象： ```javascript const person = { name: '张三', sayName: function() { console.log(this.name); } }; person.sayName(); // 输出 '张三' ``` 箭头函数中的this指向定义它时的作用域： ```javascript const person = { name: '张三', sayName: () => console.log(this.name) }; person.sayName(); // 输出 undefined ``` 普通函数中的arguments对象可以获取所有传递给函数的参数： ```javascript function getSum() { let sum = 0; for (let i = 0; i < arguments.length; i++) { sum += arguments[i]; } return sum; } console.log(getSum(1, 2, 3, 4)); // 输出 10 ``` 箭头函数中没有arguments对象，但可以使用rest参数获取所有传递给函数的参数： ```javascript const getSum = (...args) => args.reduce((sum, num) => sum + num, 0); console.log(getSum(1, 2, 3, 4)); // 输出 10 ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值