JS程式小常識很有用_javascript技巧-js教程-PHP中文網

首頁

web前端

js教程

JS程式小常識很有用_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 05:47 PM

js程式設計必備

1.JS中的是非非
JS是一門電腦程式語言，是一門動態語言也稱為腳本語言，是解析型程式語言。為什麼是腳本？因為他本身不能執行，就是沒有main函數或主程式的入口，必須被他的宿主環境，也就是解析環境解析執行他。為是什麼是解析型？因為JS不會進行編程，鏈接，彙編等一系統的過程生成某個文件，再執行，他就是以字符串形式加載執行..
2.JS中的真真假假
空，null,undefined,false,0,””,'',NaN都為假,其他都為真
3.函數，類，對象，構造器有什麼區別?
答:在js中函數，類，對象，構造器可以說是沒有任何區別的，我們可以說函數既為對象，對象既為類，類既為構造器。但一般情況下，我們稱物件為那個類別的實例，這是為了減少混亂。

複製代碼代碼如下:

 
function Person(){ 
} 
 var person = new Person(); 
//Person我們可以稱為函數，類，對象，建構器(不含參數) 
//person稱為對象的引用

4.懂this關鍵字，你懂JS五分之一.
this永遠指向呼叫該方法(函數)的那個物件.(必背)
首先要知道this是什麼？
this就是js中的一個物件。是一個對象，不是一個函數，此是的對像你可以看作是一個對象的引用，引用誰？引用呼叫方法的那個物件.
this這個物件存在哪裡？在JS程式碼中，一般存在於函數之中。如果你把this放到<script>標籤中，你可以試試window==this，印什麼?為什麼？ 剖析this關鍵字 <div class="codetitle"><a style="CURSOR: pointer" data="23656" class="copybut" id="copybut23656" onclick="doCopy('code23656')">複製程式碼程式碼如下:<div class="codebody" id="code23656"> function ready( alert(this==window); } ready(); 此時打什麼？ true，為什麼？ <div class="codetitle"><a style="CURSOR: pointer" data="1630" class="copybut" id="copybut1630" onclick="doCopy('code1630')">複製程式碼程式碼如下:<div class="codebody" id="code1630"> function Person(){ this.name= '張三'; alert(this==window); } new Person(); 此時印什麼？ false,為什麼？ 把程式碼加長點.加上一個var perso= var person = new Person(); 全世界的人都知道person引用了new Person產生的那個物件。 new Person創建的是一個JS實例對象，我們就可以綁定屬性和方法. 看下面這段程式碼 <div class="codetitle"><a style="CURSOR: pointer" data="41151" class="copybut" id="copybut41151" onclick="doCopy('code41151')">複製程式碼程式碼如下:<div class="codebody" id="code41151"> fn=function(){ } fn.ready=function(){ alert(this== fn); } 當呼叫fn.ready()的時候印什麼？ true ,為什麼？ 很奇怪，this現在等於一個函數了..為什麼？ 5.JS中靜態方法和屬性將助你一臂之力. 什麼是靜態.顧名思意:就是不動了，JS中不動的方法是什麼？就是不需要建立實例，直接可以透過類別名稱呼叫方法，哪裡都沒有動。方法就呼叫了。不需要任何額外的程式碼。這只是片面之言。所謂靜態:就是屬於類別的屬於類別本身的特徵. Js中類別既為對象，何不能直接綁定屬性和方法。當然可以. <div class="codetitle"><a style="CURSOR: pointer" data="22588" class="copybut" id="copybut22588" onclick="doCopy('code22588')">複製程式碼程式碼如下:<div class="codebody" id="code22588"> fn=function({){ fn=function(){ } fn.name='張三'; fn.getName=function(){ return fn.name; <🎜>} <🎜><🎜> 這也行，但為什麼還要new 的過程，全都這樣綁定不就可以了嗎？思考 6.prototype和constructor的在JS框架中的影響 prototype為原型,是一個物件。 ,。 constructor為建構器,是一個函數 到現在為止，你要分清楚，什麼時候的對象為對象，什麼時候的對像是一個函數.也難為JS解析器，能解析運行如此靈活的代碼。 prototype可以說他是一個類別的靜態的屬性，他指向這個物件的實例。換句話說prototype是一個物件。 prototype指向的物件和我們new的物件有何不同？建立了一種等價橋樑關係，但不是同一個。當我們在函數prototype上綁定屬性的時候，那麼屬性和值就綁定到了prototype物件上，並沒有正真的綁定到那個物件上去。當需要存取那個物件上的這個屬性的時候，JS解析器，首先會去從物件本身去找這個屬性，然後再到原型物件上找。 <div class="codetitle"><a style="CURSOR: pointer" data="4834" class="copybut" id="copybut4834" onclick="doCopy('code4834')">複製代碼代碼如下:<div class="codebody" id="code4834"> function Person(){ } var person = new Person(); person.name=”張三”; Person.prototype.name=”李四”; alert(person.name); delete person. name; alert(person.name); constructor指向一個物件的建構器。 (什麼是構造者？自己去複習。),由此可以看出他是一個物件層級的屬性。也就是要使用constructor這個屬性，必須需要一個物件。 那麼prototype是一個物件有沒有constructor屬性？當然有，既然constructor是指構造器，那有沒有一個prototype屬性？當然有，以此類推,下面這兩段程式碼是正確的. constructor.prototype.constructor.prototype.constructor… prototype.constructor.prototype.constructor.prototype… 其實我也不知道到底可以連多長？有興趣可以試試。順便告訴你用遞歸演算法。 在眾多的JS程式碼中，當我們已知一個對象，要求他的構造器，或已知一個構造器，求他的對象。應入門了。 7.==和===將判斷進行到底. ==和===神像形不像.不要去考慮，一眼就看出是做斷判是否相等。 有木有差別? ==判斷變數是否相等。 ===判斷變數的值相等。 以此類推:====用來幹嘛的？？用來報錯的.你懂的.這裡只想告訴你，只有==和=== JS中變數是弱型的，都懂。 <div class="codetitle"><a style="CURSOR: pointer" data="31537" class="copybut" id="copybut31537" onclick="doCopy('code31537')">複製程式碼程式碼如下:<div class="codebody" id="code31537"> var a=3; var b=” 3”; alert(a==b); JS中變數的值是強型別的。你懂的. var a =3; var b =”3”; alert(a===b); 都是var 類型的變量，但他們的值不一樣，一個是整形，一個是字串型. var類型和var類型相比，當然是true,整形和字串型比，當然是false. ==用來比較他們值是否一樣。不會是計較值的類型，只要他們的變數是var類型就可以了。當然是這廢話，難不成，你不還能宣告第二種變數類型的變數？ . ===用來比較，會去判斷他們的值是否為相同類型。如果不是，沒有的比較。 JS中變數的值是強型的，有整形，字串，數字，布林等. 8.typeof和instanceof完成了判斷未成的使命 typeof用來判斷基本數據類型 instanceof 用來判斷物件類型是否為某一個類型號 9.5種繼承讓你如虎添翼. i.物件冒充 ii.apply iii. call iv.prototype v.for循環方式 用法:永遠只須記住，JS中的繼承只是屬性和方法的拷貝. 10.DOM模型結構改變你的思想 DOM是一種思想，一種將資料以樹狀結構資料的思想。學習DOM只需要掌握任何一個節點都有一個父節點和0到多個子節點.任何一個節點都有一個頁面上的標籤表現形式和一個內存對應著一個標籤對象.頁面只是展示數據的地方，內存中才是DOM對象資料保存地方。任何一個DOM物件只能有一個父節點物件。父子關係可以隨時改變。 必須: 取得物件:查 物件操作:增，修，刪除 內容操作:innerHTML,innerText等 事件操作:mouse,key 樣式操作:id, tag,class 屬性操作:attribute 11.回呼函數減少寫程式碼 什麼是回呼函數? JS中函數名是用來識別一個函數的。既我們可以傳遞給某個函數一個函數名(函數名柄),然後由那個函數來自動呼叫我們的函數完成相關的處理。 呼叫者與被呼叫者分開，我們不需要關心呼叫者，和被呼叫者。回調可用於通知機制，事件。 12.函數和arguments 函數名稱就是函數的句柄，指針，函數名是唯一的，這也成就了JS中沒有函數重載。只有函數覆蓋。函數名才是唯一標識函數的。 永遠需牢訪，JS中的函數呼叫就是在函數名稱後面加對括號() 函數呼叫參數可有可無，無論什麼情況下，參數都會保存在函數體中的arguments物件中，你可以直接使用他，他是一個對象，參數是以數組形式存放。 13.閉包(匿名函數)為開發開闢了捷徑 閉包是函數內調用函數外的參數，一般也可稱為匿名函數，但兩者有所不同。 閉包的價值在於可以作為函數物件或匿名函數，對於型別系統而言這就意味著不僅要表示資料還要表示程式碼。支援閉包的多數語言都將函數作為第一級對象，就是說這些函數可以存儲到變量中、作為參數傳遞給其他函數，最重要的是能夠被函數動態地創建和返回. 匿名函數減少了變數名稱的衝突，為沒有權限作用域的JS提供了權限作用域。當我們需要提供一個接口，但又不想讓這個接口對象為全局變量就需要用匿名函數: (function(){ 局部代碼，外部永遠無法訪問，除非你提供一個入口 })();</script>

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

如何使用JS和百度地图实现地图平移功能Nov 21, 2023 am 10:00 AM

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

如何使用JS和百度地图实现地图多边形绘制功能Nov 21, 2023 am 10:53 AM

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

js字符串转数组Aug 03, 2023 pm 01:34 PM

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

如何使用JS和百度地图实现地图热力图功能Nov 21, 2023 am 09:33 AM

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

js中new操作符做了哪些事情Nov 13, 2023 pm 04:05 PM

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

用JavaScript模拟实现打字小游戏！Aug 07, 2022 am 10:34 AM

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

php可以读js内部的数组吗Jul 12, 2023 pm 03:41 PM

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