Day15

時間  2019-12-17
標籤 day15 day 简体版
原文   原文鏈接

JSjavascript

1）在html文件中，在一對script標記中，直接編寫php

 
1
2
3
<script language= 'javascript' >
   document.write( 'hello' );
</script>

2）在js中，直接編寫，在html中，使用一對script標記直接引用html

 
1
<script language= 'javascript'  src= 'xxx.js' ></script>

 

  • JavaScript區分大小寫
  • 變量a和變量A是兩個變量
  • JavaScript腳本程序須嵌入在HTML文件中
  • JavaScript腳本程序中不能包含HTML標記代碼
 
1
2
3
<script>
   document.write(‘<table></table>');
</script>

每行寫一條腳本語句 
語句末尾能夠加分號 
JavaScript腳本程序能夠獨立保存爲一個外部文件java


Language：引用的語言 javascript、php、c#、VBSCRIPT 
Src：引用一個外部的js文件編程


變量是用來臨時存儲數值的容器，變量存儲的數值是能夠變化的 
變量必需要先聲明才能使用，使用var聲明變量 
使用var聲明：局部變量 
沒有使用var聲明：全局變量 
變量的命名規則：第一個字符必須是英文字母，或者是下劃線(_)；其後的字符，能夠是英文字母，數字，下劃線；變量名不能是JavaScript的保留字 
變量的做用域:全局變量、局部變量c#


String ：字符串 ‘' 「」 
Number ：數字 十、10.0一、100 
Boolean ：布爾型 true、false 
Undefined ：未定義 
Null ：空 
Object:對象類型dom

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script language= 'javascript' >
 
   //使用js描述一我的的完整信息
   var  name= '張三' ;
   var  age=30;
   var  marry= true ;
   var  height=1.8;
 
   document.write( '<ol>' );
   document.write( '<li>姓名' +name+ '</li>' );
   document.write( '<li>年齡' +age+ '</li>' );
   document.write( '<li>婚否' +marry+ '</li>' );
   document.write( '<li>身高' +height+ '</li>' );
   document.write( '</ol>' );
 
   function  Person(){}
   var  p1= new  Person();
   p1.name= '李四' ;
   p1.age=20;2013/12/31
   document.write(p1.name+ '<br>' );
   document.write(p1.age+ '<br>' );
</script>


1）算術運算符 
+、-、*、/、%、++、– 
i++ 
++i模塊化

 
1
2
3
4
5
6
7
8
9
<script>
 
var  i=10;
var  j=i++;    //先賦值再自加
var  k=++i;    //先自加再賦值
document.write(j);    //10
document.write(k);    //12
 
</script>

2）比較運算符函數

、<、>=、<=、!=、==、===、!== 
==和===有何區別？ 
== ：判斷值是否相等 
===：判斷值相等類型也相同spa

 
1
2
3
4
5
6
7
8
9
10
11
12
<script>
 
var  i=5;     //Number
var  j= "5" ;  //String
 
if (i==j){
   document.write( '相等' );
}
if (i===j){
   document.write( '全等於' );
}
</script>

3）邏輯運算符 
&&、||、! 
4）賦值運算符 
=、+=、-=、*=、/=、%= 
將運算符左邊的與右邊的進行計算，再賦值給左邊的 
字符串運算符 
+、+=（PHP中是用點）

 

順序結構 
分支結構 
循環結構

一、順序結構 
代碼是一行接着一行執行

二、分支結構 
If、else、else if、switch

三、循環結構 
For、while、do….while、for…..in 
小遊戲：

 

 
1
2
3
4
5
6
7
8
9
10
11
12
13
<script language= 'javascript' >
   var  n=Math.round(Math.random()*500);   // 隨機數
   alert(n);
   while ( true ){
     var  number=prompt( '請輸入一個0--500之間的數字' );  //用戶輸入
     if (number>n) alert( '大了' );
     if (number<n) alert( '小了' );
     if (number==n){
       alert( '答對了~~~~' );
       break ;
     }
   }
</script> 

 
一、函數的功能 
代碼重複性使用 
模塊化編程

二、語法：

使用函數前要先定義才能調用 
函數定義有三個部分:函數名,參數列表,函數體 
定義函數的格式 
**function 函數名([參數1,參數2…]){ 
函數執行部分; 
return 表達式; 
}**

調用語法：

函數名(實參1,實參2,……,);

三、代碼示例

例1：關於函數的定義和調用

 
1
2
3
4
5
6
7
8
9
//函數的定義
   function  display(){
     alert( 'hello' );
   }
 
   //函數的調用
   display();
   display();
   display();

 

在js中，對象類型默認就是按地址傳遞

 
1
2
3
4
5
6
7
8
9
10
function  display(obj){
   obj.name= 'lisi' ;
}
 
var  p1= new  Object();
p1.name= 'zhangsan' ;
 
display(p1);
alert(p1.name); //lisi
alert(p1);

JS的基本類型，是按值傳遞的。

 
1
2
3
4
5
6
var  a = 1;
function  foo(x) {
   x = 2;
}
foo(a);
console.log(a);  // 仍爲1, 未受x = 2賦值所影響

再來看對象：

1
2
3
4
5
6
var  obj = {x : 1};
function  foo(o) {
   o.x = 3;
}
foo(obj);
console.log(obj.x);  // 3, 被修改了!

說明o和obj是同一個對象，o不是obj的副本。因此不是按值傳遞。 但這樣是否說明JS的對象是按引用傳遞的呢？咱們再看下面的例子：

 
1
2
3
4
5
6
var  obj = {x : 1};
function  foo(o) {
   o = 100;
}
foo(obj);
console.log(obj.x);  // 仍然是1, obj並未被修改成100.

若是是按引用傳遞，修改形參o的值，應該影響到實參纔對。但這裏修改o的值並未影響obj。 所以JS中的對象並非按引用傳遞。那麼究竟對象的值在JS中如何傳遞的呢？ 
對於對象類型，因爲對象是可變(mutable)的，修改對象自己會影響到共享這個對象的引用和引用副本。而對於基本類型，因爲它們都是不可變的(immutable)，按共享傳遞與按值傳遞(call by value)沒有任何區別，因此說JS基本類型既符合按值傳遞，也符合按共享傳遞。

var a = 1; // 1是number類型，不可變 var b = a; b = 6; 
據按共享傳遞的求值策略，a和b是兩個不一樣的引用(b是a的引用副本)，但引用相同的值。因爲這裏的基本類型數字1不可變，因此這裏說按值傳遞、按共享傳遞沒有任何區別。

基本類型的不可變(immutable)性質 
基本類型是不可變的(immutable)，只有對象是可變的(mutable). 例如數字值100, 布爾值true, false，修改這些值(例如把1變成3, 把true變成100)並無什麼意義。比較容易誤解的，是JS中的string。有時咱們會嘗試「改變」字符串的內容，但在JS中，任何看似對string值的」修改」操做，實際都是建立新的string值。

 
1
2
3
4
var  str =  "abc" ;
str[0];  // "a"
str[0] =  "d" ;
str;  // 仍然是"abc";賦值是無效的。沒有任何辦法修改字符串的內容

而對象就不同了，對象是可變的。

 
1
2
3
4
5
6
7
var  obj = {x : 1};
obj.x = 100;
var  o = obj;
o.x = 1;
obj.x;  // 1, 被修改
o =  true ;
obj.x;  // 1, 不會因o = true改變

這裏定義變量obj，值是object，而後設置obj.x屬性的值爲100。然後定義另外一個變量o，值仍然是這個object對象，此時obj和o兩個變量的值指向同一個對象（共享同一個對象的引用）。因此修改對象的內容，對obj和o都有影響。但對象並不是按引用傳遞，經過o = true修改了o的值，不會影響obj。

關於函數的返回值問題

 
1
2
3
4
5
6
7
8
9
function  display(first,second){
    //函數遇到return會當即返回，後面代碼不執行
    return  first+second;
  }
 
  var  i=10;
  var  j=20;
  alert(display(i,j));
  document.write(display(i,j));*/

關於匿名函數 

 
1
2
3
4
5
6
7
8
9
10
   /*var i=function(){
     alert('hello');
   };
   i();*/
Var i=10; 變量能夠保存數據，也能夠保存地址
 
Function display(){ 
} 在window對象下添加一個叫display的變量，它指向了這個函數的首地址 
Window.i=display 咱們讓window對象下的i指向這個函數的首地址 
display() ======= i();

自調用匿名函數

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script language= 'javascript' >
 
   /*var i=function(){
     alert('hello');
   };
   i();*/
 
 
 
   ( function (first){
   alert(first);
   alert( 'hello,js' );
   })(10)
 
</script>
Function(){} ：至關於返回首地址 
(Function(){}) ：把這部分看作一個總體 
( function (){})()：至關於找到這個地址並執行
 
 

1. 全局做用域(Global Scope)

在代碼中任何地方都能訪問到的對象擁有全局做用域，通常來講一下幾種情形擁有全局做用域：

(1)最外層函數和在最外層函數外面定義的變量擁有全局做用域

1. 全局做用域(Global Scope)

在代碼中任何地方都能訪問到的對象擁有全局做用域，通常來講一下幾種情形擁有全局做用域：

(1)最外層函數和在最外層函數外面定義的變量擁有全局做用域

 

 

 

1. 全局做用域(Global Scope)

在代碼中任何地方都能訪問到的對象擁有全局做用域，通常來講一下幾種情形擁有全局做用域：

(1)最外層函數和在最外層函數外面定義的變量擁有全局做用域

var name="yuan";

function foo(){
var age=23;
function inner(){
console.log(age);
}

inner();
}

console.log(name); // yuan
//console.log(age); // Uncaught ReferenceError: age is not defined
foo(); // 23
inner(); // Uncaught ReferenceError: inner is not defined

 

(2)全部末定義直接賦值的變量自動聲明爲擁有全局做用域，例如：

 

var name="yuan";

function foo(){
age=23;

var sex="male"
}
foo();
console.log(age); // 23
console.log(sex); // sex is not defined

 

function bar(age) {

console.log(age);
var age = 99;
var sex="male";
console.log(age);
function age(){
alert(123);
} ;
console.log(age);
return 100;
}

result=bar(5);

一 詞法分析過程(涉及參數，局部變量聲明，函數聲明表達式)：
1-1 、分析參數，有一個參數，造成一個 AO.age=undefine;
1-2 、接收參數 AO.age=5;
1-3 、分析變量聲明，有一個 var age, 發現 AO 上面有一個 AO.age ，則不作任何處理
1-4 、分析變量聲明，有一個 var sex，造成一個 AO.sex=undefine;
1-5 、分析函數聲明，有一個 function age(){} 聲明， 則把原有的 age 覆蓋成 AO.age=function(){};
二 執行過程：
2-1 、執行第一個 console.log(age) 時，當前的 AO.age 是一個函數，因此輸出的一個函數
2-2 、這句 var age=99; 是對不 AO.age 的屬性賦值， AO.age=99 ，因此在第二個輸出的age是 99;
2-3 、同理第三個輸出的是 99, 由於中間沒有改變 age 值的語句了。

注意：執行階段：
function age(){
alert(123)
} ;

不進行任何操做，將執行語句複製給age這部操做是在詞法分析時，即運行前完成的。

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程