JS 変数の性質は緩い型 (強制的な型ではない) であり、特定の時点で特定の値を保存するために使用される単なる名前であると判断されます。
変数が保持しなければならないデータ型を定義するルールがないため、変数の値とそのデータ型はスクリプトのライフサイクル中に変更される可能性があります;
1 変数とスコープ
1.基本型と参照型
//JS 変数には、基本型の値と参照型の値という 2 つの異なるデータ型の値が含まれます。
// 1. 基本型の値: スタック メモリに格納される単純なデータ セグメント。つまり、この値はメモリ内の 1 つの場所に完全に格納されます。
// 基本的な型の値には次が含まれます: Unknown|Null|Boolean|Number|String;
// これらの型はメモリ内の固定サイズの領域を占有し、その値はスタック領域に格納され、値によってアクセスします。
// 2. 参照型の値: ヒープ メモリに格納されているオブジェクト (複数の値で構成されている場合があります)。つまり、変数に格納されているものは、実際にはメモリ内の別の場所を指す単なるポインタです。オブジェクトを保存;
2.動的属性
// 定义基本类型值和引用类型值的方式相似:创建一个变量并为该变量赋值; // 但当这个值保存到变量中以后,对不同类型值可以执行的操作则不一样; var box = new Object(); // 创建引用类型; box.name = 'lee'; // 新增一个属性; console.log(box.name); // =>lee; var box = 'lee'; // 创建基本类型 box.age = 15; // 给基本类型添加属性; console.log(box.age); // =>undefined;3. 変数値をコピーします
// 在变量复制方面,基本类型和引用类型也有所不同; // 基本类型赋值的是值本身; var box = 'lee'; // 在栈内存中生成一个box'lee'; var box2 = box; // 在栈内存中再生成一个box2'lee'; // box和box2完全独立;两个变量分别操作时互不影响; // 引用类型赋值的是地址; var box = new Object(); // 创建一个引用类型;box在栈内存中;而Object在堆内存中; box.name = 'lee'; // 新增一个属性; var box2 = box; // 把引用地址赋值给box2;box2在栈内存中; // box2=box,因为它们指向的是同一个对象; // 如果这个对象中的name属性被修改了,box.name和box2.name输出的值都会被修改掉;4. パラメータを渡す
// JS中所有函数的参数都是按值传递的,即参数不会按引用传递; function box(num){ // 按值传递,传递的参数是基本类型; num +=10; // 这里的num是局部变量,全局无效; return num; } var num = 50; var result = box(num); console.log(result); // 60; console.log(num); // 50; function box(num){ return num; } console.log(num); // num is not defined; function box(obj){ obj.name = 'lee'; var obj = new Object(); // 函数内部又创建了一个对象,它是局部变量;但在函数结束时被销毁了; obj.name = 'Mr'; // 并没有替换掉原来的obj; } var p = new Object(); box(p); // 变量p被传递到box()函数中之后就被复制给了obj;在函数内部,obj和p访问的是同一个对象; console.log(p.name); // =>lee; // JS函数的参数都将是局部变量;也就是说,没有按引用传递;5. 検出タイプ
// 要检测一个变量的类型,通过typeof运算符类判断; // 多用来检测基本类型; var box = 'lee'; console.log(typeof box); // =>string; // 要检测变量是什么类型的对象,通过instanceof运算符来查看; var box = [1,2,3]; console.log(box instanceof Array); // =>true; var box2 = {}; console.log(box2 instanceof Object); var box3 = /g/; console.lgo(box3 instanceof RegExp); var box4 = new String('lee'); console.log(box4 instanceof String); // =>true;是否是字符串对象; var box5 = 'string'; console.log(box5 instanceof String); // =>false; // 当使用instanceof检查基本类型的值时,它会返回false;6. 実行環境と範囲
// 执行环境:定义了变量或函数有权访问的其他数据,决定了它们各自的行为; // 在Web浏览器中,全局执行环境=window对象; // 因此所有的全局变量和函数都是作为window对象的属性和方法创建的; var box = 'blue'; // 声明一个全局变量; function setBox(){ console.log(box); // 全局变量可以在函数里访问; } setBox(); // 执行函数; // 全局的变量=window对象的属性; // 全局的函数=window对象的方法; // PS:当执行环境中的所有代码执行完毕后,该环境被销毁,保存在其中的所有变量和函数定义也随之销毁; // 如果是在全局环境下,需要程序执行完毕,或者网页被关闭才会销毁; // PS:每个执行环境都有一个与之关联的变量对象,就好比全局的window可以调用全局变量和全局方法一样; // 局部的环境也有一个类似window的变量对象,环境中定义的所有变量和函数都保存在这个对象中; // (我们无法访问这个变量对象,但解析器会处理数据时后台使用它); var box = 'blue'; function setBox(){ var box = 'red'; // 这里是局部变量,在当前函数体内的值是'red';出了函数体就不被认知; console.log(box); } setBox(); console.log(box); // 通过传参可以替换函数体内的局部变量,但作用域仅限在函数体内这个局部环境; var box = 'blue'; function setBox(box){ // 通过传参,将局部变量替换成了全局变量; alert(box); // 此时box的值是外部调用时传入的参数;=>red; } setBox('red'); alert(box); // 如果函数体内还包含着函数,只有这个内函数才可以访问外一层的函数的变量; // 内部环境可以通过作用域链访问所有的外部环境,但外部环境不能访问内部环境中的任何变量和函数; var box = 'blue'; function setBox(){ function setColor(){ var b = 'orange'; alert(box); alert(b); } setColor(); // setColor()的执行环境在setBox()内; } setBox(); // PS:每个函数被调用时都会创建自己的执行环境;当执行到这个函数时,函数的环境就会被推到环境栈中去执行,而执行后又在环境栈中弹出(退出),把控制权交给上一级的执行环境; // PS:当代码在一个环境中执行时,就会形成一种叫做作用域链的东西;它的用途是保证对执行环境中有访问权限的变量和函数进行有序访问;作用域链的前端,就是执行环境的变量对象;7. スコープチェーンを拡張します
// 有些语句可以在作用域链的前端临时增加一个变量对象,该变量对象会在代码执行后被移除; // with语句和try-catch语句;这两个语句都会在作用域链的前端添加一个变量对象; // with语句:会将指定的对象添加到作用域链中; // catch语句:会创建一个新的变量对象,其中包含的是被抛出的错误对象的声明; function buildUrl(){ var qs = '?debug=true'; with(location){ // with语句接收的是location对象,因此变量对象中就包含了location对象的所有属性和方法; var url = href+qs; // 而这个变量对象被添加到了作用域链的前端; }; return url; }8. ブロックレベルのスコープなし
// 块级作用域:表示诸如if语句等有花括号封闭的代码块,所以,支持条件判断来定义变量; if(true){ // if语句代码块没有局部作用域; var box = 'lee'; // 变量声明会将变量添加到当前的执行环境(在这里是全局环境); } alert(box); for(var i=0; i<10; i++){ // 创建的变量i即使在for循环执行结束后,也依旧会存在与循环外部的执行环境中; var box = 'lee'; } alert(i); alert(box); function box(num1,num2){ var sum = num1+num2; // 此时sum是局部变量;如果去掉var,sum就是全局变量了; return sum; } alert(box(10,10)); alert(sum); // sum is not defined;访问不到sum; // PS:不建议不使用var就初始化变量,因为这种方法会导致各种意外发生; // 一般确定变量都是通过搜索来确定该标识符实际代表什么;搜索方式:向上逐级查询; var box = 'blue'; function getBox(){ return box; // 此时box是全局变量;如果是var box='red',那就变成局部变量了; } alert(getBox()); // 调用getBox()时会引用变量box; // 首先,搜索getBox()的变量对象,查找名为box的标识符; // 然后,搜索继续下一个变量对象(全局环境的变量对象),找到了box标识符; // PS:变量查询中,访问局部变量要比全局变量更快,因为不需要向上搜索作用域链;2 メモリの問題
// JS具有自动垃圾收集机制,执行环境会负责管理代码执行过程中使用的内存;它会自行管理内存分配及无用内存的回收; // JS最常用的垃圾收集方式就是标记清除;垃圾收集器会在运行的时候给存储在内存中的变量加上标记; // 然后,它会去掉环境中正在使用的变量的标记,而没有被去掉标记的变量将被视为准备删除的变量; // 最后,垃圾收集器完成内存清理工作,销毁那些标记的值并回收他们所占用的内存空间; // 垃圾收集器是周期性运行的,这样会导致整个程序的性能问题; // 比如IE7以前的版本,他的垃圾收集器是根据内存分配量运行的,比如256个变量就开始运行垃圾收集器,这样就不得不频繁地运行,从而降低了性能; // 一般来说,确保占用最少的内存可以让页面获得更好的性能; // 最佳方案:一旦数据不再使用,将其值设置为null来释放引用,这个做法叫做解除引用; var o = { name:'lee'; }; o = null; // 解除对象引用,等待垃圾收集器回收;3 概要
1. 変数
// JS 変数は、基本型の値と参照型の値の 2 種類の値を保存できます。これらには次の特性があります。
// 1. 基本型の値はメモリ内の固定サイズの領域を占有するため、スタック メモリに格納されます。
// 2. 基本型の値をある変数から別の変数にコピーすると、この値のコピーが作成されます。
// 3. 参照型の値はオブジェクトであり、ヒープ メモリに格納されます。
// 4. 参照型の値を含む変数には、実際にはオブジェクト自体は含まれませんが、オブジェクトへのポインタが含まれます。
// 5. 参照型の値をある変数から別の変数にコピーします。コピーされるものは実際にはポインターなので、最終的には両方の変数がオブジェクトを指します。
// 6. 値がどの基本型であるかを判断するには typeof 演算子を使用し、値がどの参照型であるかを判断するには
2. 範囲
// すべての変数は実行環境 (スコープ) に存在します。この実行環境によって、変数のライフサイクルと、コードのどの部分が変数にアクセスできるかが決まります。
// 1. 実行環境は、グローバル実行環境と関数実行環境に分かれます。
// 2. 新しい実行環境に入るたびに、変数と関数を検索するためのスコープ チェーンが作成されます。
// 3. 関数のローカル環境には、関数スコープ内の変数にアクセスする権利があるだけでなく、その親環境、さらにはグローバル環境にもアクセスする権利があります。
// 4. 変数の実行環境は、メモリを適切に解放する必要があるかどうかを判断するのに役立ちます。
3. 記憶
// JS の自動ガベージ コレクション メカニズム
// 1. スコープ外の値は自動的に再利用可能としてマークされるため、ガベージ コレクション中に削除されます。
// 2. 効果的なメモリのリサイクルを確実にするために、使用されなくなったグローバル オブジェクト/グローバル オブジェクト属性および循環参照変数は適時に解放される必要があります。

如何使用JS和百度地图实现地图平移功能百度地图是一款广泛使用的地图服务平台,在Web开发中经常用于展示地理信息、定位等功能。本文将介绍如何使用JS和百度地图API实现地图平移功能,并提供具体的代码示例。一、准备工作使用百度地图API前,首先需要在百度地图开放平台(http://lbsyun.baidu.com/)上申请一个开发者账号,并创建一个应用。创建完成

js字符串转数组的方法:1、使用“split()”方法,可以根据指定的分隔符将字符串分割成数组元素;2、使用“Array.from()”方法,可以将可迭代对象或类数组对象转换成真正的数组;3、使用for循环遍历,将每个字符依次添加到数组中;4、使用“Array.split()”方法,通过调用“Array.prototype.forEach()”将一个字符串拆分成数组的快捷方式。

如何使用JS和百度地图实现地图热力图功能简介:随着互联网和移动设备的迅速发展,地图成为了一种普遍的应用场景。而热力图作为一种可视化的展示方式,能够帮助我们更直观地了解数据的分布情况。本文将介绍如何使用JS和百度地图API来实现地图热力图的功能,并提供具体的代码示例。准备工作:在开始之前,你需要准备以下事项:一个百度开发者账号,并创建一个应用,获取到相应的AP

如何使用JS和百度地图实现地图多边形绘制功能在现代网页开发中,地图应用已经成为常见的功能之一。而地图上绘制多边形,可以帮助我们将特定区域进行标记,方便用户进行查看和分析。本文将介绍如何使用JS和百度地图API实现地图多边形绘制功能,并提供具体的代码示例。首先,我们需要引入百度地图API。可以利用以下代码在HTML文件中导入百度地图API的JavaScript

js中new操作符做了:1、创建一个空对象,这个新对象将成为函数的实例;2、将新对象的原型链接到构造函数的原型对象,这样新对象就可以访问构造函数原型对象中定义的属性和方法;3、将构造函数的作用域赋给新对象,这样新对象就可以通过this关键字来引用构造函数中的属性和方法;4、执行构造函数中的代码,构造函数中的代码将用于初始化新对象的属性和方法;5、如果构造函数中没有返回等等。

这篇文章主要为大家详细介绍了js实现打字小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

php在特定情况下可以读js内部的数组。其方法是:1、在JavaScript中,创建一个包含需要传递给PHP的数组的变量;2、使用Ajax技术将该数组发送给PHP脚本。可以使用原生的JavaScript代码或者使用基于Ajax的JavaScript库如jQuery等;3、在PHP脚本中,接收传递过来的数组数据,并进行相应的处理即可。

js全称JavaScript,是一种具有函数优先的轻量级,直译式、解释型或即时编译型的高级编程语言,是一种属于网络的高级脚本语言;JavaScript基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式,如函数式编程。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

ZendStudio 13.5.1 Mac
強力な PHP 統合開発環境

EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン

mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

ホットトピック



