首頁  >  文章  >  web前端  >  javascript是基於什麼的語言

javascript是基於什麼的語言

青灯夜游
青灯夜游原創
2021-07-16 13:00:064176瀏覽

javascript是基於對象的語言,它不僅可以創建對象,也能使用現有的對象。 JavaScript標準對於基於物件的定義:語言和宿主的基礎設施由物件來提供,而JavaScript程式即是一系列相互通訊的物件集合。

javascript是基於什麼的語言

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

一、javascript的簡介:

*javascript 是一種基於物件和事件驅動的語言,主要應用於客戶端。
   – 基於對象:
      提供了許多對象,可以直接使用。
    --事件驅動:
     html做的網頁是靜態效果,javascript做的是動態效果。
   --客戶端:
     主要是指瀏覽器。

*js的特點:

(1)互動性:
--訊息的動態互動。
(2)安全性:
--s不能存取本機磁碟中的檔案。
(3)跨平台性:
--與java不同,js直接使用 瀏覽器跨平台。

*javascript和java之間的區別:(沒有任何關聯)

#1)java是sun公司(現在是oracle)發布
       js是網景公司發售。

2)javascript是基於物件的,java是物件導向的

3)java是強型別的語言, js是弱型別的語言。

4)js是解析就可以執行, java需要先編譯再執行。

*js的組成

有三部份
  (1)ECMAScript
      --ECMA :歐洲電腦協會, 由其為js指定語法。
  (2)BOM
     --broswer object model : 瀏覽器物件模型。
  (3)DOM
      --document object model :文件物件模型。

二、js與html的結合方式(兩種)

#第一種:
   --使用一個標籤:

<`script type="text/javascript" > js代码 </script>`

第二種:
   --引入外部檔案:
  – 建立一個.js檔案。

-- <script type="text/javascript" src=" 外部文件地址 "> </script>

注意: 在第二種中的script標籤中不要寫其他js程式碼了,不會被執行。

三、js的原始型別與宣告變數

//js中,只有五个原始类型:
        //string: 字符串
    var str = “abc”;

//number: 数字类型
    var num = 123;

//boolean: true和false
    var falg = true;

//null:
*** 获取对象的引用,null用来表示引用为空,所有对象的引用都为 object
     var date = new Date();

//undifined
     //定义一个变量,没有被赋值
    var aa;
typeof() ; //查看当前变量的数据类型。
    alert() ; //在页面跳出一个对话框。
    document.write();//直接想页面输出的语句(可以把括号内的语句输出到页面上) 也可以输出html代码。
              

#四、js的語句

–在js裡面也有這些語句
        if判斷語句
     注意:  =: 賦值
  :判斷            

            --js中所有類型都支持。

--switch(a){
    case 1:
       break;
    case 2:
       break;
    default:
       … …
 }


五、js的運算子

= : x =y; 等於: x=x y; js中的字串的相加和相減的運算

        var str = “123”;


***在相加的時候,做的是字串的連接。
        ***在相減的時候,做的是減法運算。

如: 
alert(str+1)//结果为1231.
alert(str-1)//结果为122.

住意:當str不是一個數字的時候,減法運算會提示錯誤。

var str = “abc”;
alert(str-1);//结果为:提示NaN: 表示这不是一个数字。

**boolean也可以進行數學運算

        如果設定成true ,進行數學運算的時候,相當於值為:1

         於值為: 0

  == 和=== 的區別
          他們都是用來做相等判斷的,

// == 比较的是 值
// === 比较的是 值 和 类型
如: var i = “5”;
   i5 // true
   i=5 // false。


、#
//–js数组定义方式(三种):
        //第一种: 
        var arr = [1,2,3] || var arr = [1,“2”,true]
        //第二种: 使用内置对象 Array,
            var arr = new Array(5); //定义了一个长度为5的数组。
            arr[0] = “1”; arr[1] = 2; arr[2] = true;

				//第三种: 使用内置对象 Araay,
            var arr = new Array(3,“4”,true);//定义一个数组,其中值为:3,4,true

–數組中有一個屬性length: 得到數組的長度。

–陣列的長度是可變的。

–陣列可以存放不同類型的值

#七、js中的方法

在js中定義方法,有三種方式:

 //第一种方式:
  //使用一个关键字 function
          function 方法名(参数列表){
                方法体;
                返回值(视需求,可有可无);
            }
            for example:
               function add(a ,b,c){
                  var sum = a+b+c;
                  return sum;
               }
              (调用方法名,使用定义的方法)

//第二种方式:
        //匿名方法。
        *** var 变量名 = function(参数列表){
                方法体;
                返回值;
          }
            //如:
              var add = funtion(a,b){
                  var sum = a+b;
                  return sum;
                }
              //(之后使用变量名调用方法)

//**第三种方式:
        //动态方法。
        //使用一个js的内置对象 Function
          var 变量名 = new Function(“参数列表”,“方法体 和 返回值”); (注意,参数和方法体之间是逗号)
              var add = new Function(“a,b”, “var sum=a+b; return sum”);
                (之后使用变量名调用函数)
            //注意,此方式中,可以预先定义好参数列表,和方法体与方法名,在定义方法的时候直接传进来。
八、js的全域變量, 和局部變數

全域變數: 在script標籤裡面定義的一個變量,這個變數在頁面中js部分都可以使用           --在方法外部使用, 在方法內部使用, 在另一個scipt標籤裡使用。

局部變數: 在方法內部定義的變數,只能在方法內部使用。

【推薦學習:

javascript高階教學#

以上是javascript是基於什麼的語言的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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