JS基础_全局作用域

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 作用域 * - 作用域指一个变量的作用的范围 * - 在JS中一共有两种作用域: * 1.全局作用域 * - 直接编写在script标签中的JS代码,都在全局作用域 * -…

JS基础_函数作用域

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 函数作用域 * * - 调用函数时创建函数作用域,函数执行完毕以后,函数作用域销毁 * * - 每调用一次函数就会创建一个新的函数作用域,他们之间是互相独立的 * * - 在…

JS基础_函数作用域练习

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var a = 123; function fun(){ alert(a);//undefined var a = 456; alert(a);//456 } fun(); alert…

1.js没有块级作用域 if (true) { var color = “blue”; } alert(color); //”blue” for (var i=0; i < 10; i++){ doSomething(i); } alert(i); 2,变量定义全局变量变量定义:var和没有var function add(num1, num2) { var sum = num1 + num2; return sum; } alert(sum); //causes an error sinc…

JS基础篇之作用域、执行上下文、this、闭包

前言:JS 的作用域.执行上下文.this.闭包是老生常谈的话题,也是新手比较懵懂的知识点.当然即便你作为老手,也未必真的能理解透彻这些概念. 一.作用域和执行上下文作用域: js中的作用域是词法作用域,即由函数声明时所在的位置决定的.词法作用域是指在编译阶段就产生的,一整套函数标识符的访问规则.(区别于词法作用域,动态作用域是在函数执行的时候确认的,js的没有动态作用域,但js的this很像动态作用域,后面会提到.词法作用域的概念十分重要,请多加记忆并理解.) 说到底js的作用域只是一个…

Js基础知识（作用域、特殊函数---自调、回调、作为值的函数）

15.作用域概念: 规定变量或函数的可被访问的范围和生命周期分类: 全局作用域 -就是指当前整个页面环境: 局部作用域(函数作用域) -就是指某个函数内部环境 l 变量的作用域全局变量 - 定义在全局作用域中的变量:全局变量在任何位置均可访问局部变量 - 定义在函数作用域中的变量:只能在该函数内访问该变量 Ø 全局变量: var a = ‘A’ ; ---全局变量对比 | var a = ‘A’; ---全局变量 function…

JS基础_构造函数修改

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * * 创建一个Person构造函数 * - 在Person构造函数中,为每一个对象都添加了一个sayName方法,目前我们的方法是在构造函数内部创建的, * 也就是构造函数每执…

js基础之--变量作用域和内存问题

基本类型:Undefind Null Boolean Number String 引用类型: 对象在操作对象时,实际上实在操作对象的引用而不是实际的对象.为此,引用类型的值是按引用访问的. 从一个变量向另一个变量赋值引用类型的值,同样也会将存储在对象中的值赋值一份放到为新变量分配的空间中.不同的是,这个值的副本实际上是一个指针,而这个指针指向存储在堆中的一个对象 <script> var arr = {name:"jiayu"} doSomeThing(arr); con…

JS基础_标识符

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 标识符 * - 在JS中所有的可以由我们自主命名的都可以称为是标识符 * - 例如:变量名.函数名.属性名都属于标识符 * - 命名一个标识符时需要遵守如下的规则: * 1.…

js基础——变量、作用域、内存

1.new关键字创建的是引用类型: eg. var box = new Object(); box.name = "Linda";//引用类型添加属性没问题 alert(box.name); 2.基本类型添加属性会输出undefined eg. var box = "Linda"; box.height = 185; alert(box.height);//undefined 3.复制变量值:基本类型复制值本身,引用类型复制地址.…

JS基础_函数的简介

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 函数 function * - 函数也是一个对象 * - 函数中可以封装一些功能(代码),在需要时可以执行这些功能(代码) * - 函数中可以保存一些代码在需要的时候调用 *…

JS基础_数组的遍历

遍历:将数组中所有的元素都取出来 1.for循环 var arr = ["1","2","3"]; for(let i=0;i<arr.length;i++){ console.log(arr[i]) } JS中还为我们提供了一个方法,用来遍历数组 2.forEach()--存在兼容,只支持ie8以上浏览器 - 需要一个函数作为参数像这种函数,由我们创建但不是由我们调用的,我们称为回调函数 - 浏览器会在回调函数中传递三个参数: 第一个参…

JS基础_垃圾回收(GC)

垃圾回收(GC) 程序运行过程中也会产生垃圾,这些垃圾积攒过多以后,会导致程序运行的速度过慢,所以我门需要一个垃圾回收的机制,来处理程序运行过程中产生的垃圾当一个对象没有任何的变量或属性对它进行引用,此时我们将永远无法操作这个对象此时这种对象就是一个垃圾,这种对象过多会占用大量的内存空间,导致程序运行变慢在JS中拥有自动的垃圾回收机制,会自动将这些垃圾对象从内存中销毁, 我们不需要也不能进行垃圾回收的操作我们选哟做的只是要将不再使用的对象设置为null即可…

JS基础_基本数据类型和引用数据类型

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 基本数据类型 * String Number Boolean Null Undefined * * 引用数据类型 * Object * * JS中的变量都是保存到栈内存中的,…

JS基础_属性名和属性值

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var obj = new Object(); /* * 向对象中添加属性 * 属性名: * - 对象的属性名不强制要求遵守标识符的规范 * 什么乱七八糟的名字都可以使用 * - 但是…

JS基础_对象的简介、对象的基本操作

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * JS中数据类型 * - String 字符串 * - Number 数值 * - Boolean 布尔值 * - Null 空值 * - Undefined 未定义 * -…

JS基础_流程控制语句

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 流程控制语句 * - JS中的程序是从上到下一行一行执行的 * - 通过流程控制语句可以控制程序执行流程, * 使程序可以根据一定的条件来选择执行 * - 语句的分类: *…

JS基础_代码块

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 我们的程序是由一条一条语句构成的 * 语句是按照自上向下的顺序一条一条执行的 * * 在JS中可以使用{}来为语句进行分组, * 同一个{}中的语句我们称为是一组语句, *…

JS基础_运算符的优先级

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * ,运算符 * 使用,可以分割多个语句,一般可以在声明多个变量时使用, */ //使用,运算符同时声明多个变量 //var a , b , c; //可以同时声明多个变量并赋值…

JS基础_逻辑运算符

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * JS中为我们提供了三种逻辑运算符 * ! 非 * - !可以用来对一个值进行非运算 * - 所谓非运算就是指对一个布尔值进行取反操作, * true变false,false变…

JS基础_变量提升和函数提升

1.在函数中,不使用var声明的变量都会变为全局变量 function fun(){ d=10; //window.d=10; }; console.log(10);//10 2.定义形参就相当于在函数作用域中声明了变量 function fun(d){ console.log(d);//undefined }; fun()…

JS基础_其他进制的数字（了解）

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 在js中,如果需要表示16进制的数字,则需要以0x开头 * 如果需要表示8进制的数字,则需要以0开头 * 如果要要表示2进制的数字,则需要以0b开头,但是不是所有的浏览器都支…

JS基础_数据类型-Number类型

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 在JS中所有的数值都是Number类型, * 包括整数和浮点数(小数) * * JS中可以表示的数字的最大值 * Number.MAX_VALUE * 1.797693134…

JS基础_数据类型-String类型

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> /* * 数据类型指的就是字面量的类型 * 在JS中一共有六种数据类型 * String 字符串 * Number 数值 * Boolean 布尔值 * Null 空值 * Und…

JS基础_字面量和变量

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 字面量,都是一些不可改变的值 * 比如 :1 2 3 4 5 ,字面量都是可以直接使用,但是我们一般都不会直接使用字面量 * * 变量变量可以用来保存字面量,而且变量的值是…

JS基础_基本语法

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* 多行注释 JS注释多行注释,注释中的内容不会被执行,但是可以在源代码中查看要养成良好的编写注释的习惯,也可以通过注释来对代码进行一些简单的调试 */ //单行注释 //ale…

JS(基础)_总结获取页面中元素和节点的方式

一.前言 1.元素和节点的区别 2.总结获取元素的方式 3.总结获取节点的方式二.主要内容 1.结点和元素的区别 (1)一些常见基本概念: 文档:document 元素:页面中所有的标签结点:页面中所有的内容包括(标签,属性,文本(文字,空格,换行,回车)) 根元素:html标签 (2)节点属性 nodeType:表示节的类型: 1-------表示是标签, 2-------属性, 3-------文本 nodeName:节点的名字: 标签------大写的标签名字, 属性-----小写的…

JS基础_强制类型转换-Number

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 将其他的数据类型转换为Number * 转换方式一: * 使用Number()函数 * - 字符串 --> 数字 * 1.如果是纯数字的字符串,则直接将其转换为数字 *…

JS基础_自增和自减

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> //原视频讲解的不好,参考高级程序设计 //前置递增 var age = 29; ++age; console.log(age); //30 //等同于 var age = 29; a…

JS基础_构造函数

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 创建一个构造函数,专门用来创建Person对象的 * 构造函数就是一个普通的函数,创建方式和普通函数没有区别, * 不同的是构造函数习惯上首字母大写 * * 构造函数和普通函…