关于js

//alert会弹出一个警告框
alert("hello world");

//confirm弹出一个确定框
confirm("hello word");

//prompt:弹出一个输入框，可以输入值
prompt("hellow");

//可以识别标签
document.write("hello world");
document.write("<h1>hello world</h1>");

//F12打开控制台，在console中可以看到打印的信息
console.log("hello word");

 var temp = a;
        a = b;
        b = temp;

var a = a+b; 
    b = a-b; 
    a = a-b;

最小值：Number.MIN_VALUE，这个值为： 5e-324
最大值：Number.MAX_VALUE，这个值为： 1.7976931348623157e+308
无穷大：Infinity    1/0
无穷小：-Infinity

      function fn () {

      }
      var ary = [1,2,3]
console.log( typeof 1)                    // number
console.log( typeof 'a')                  // string
console.log( typeof true)                 // boolean
console.log( typeof undefined);           // undefined
console.log( typeof null);                // object
console.log( typeof fn);                   //function
console.log( typeof Array);                //function
console.log( typeof Object);                //function
console.log( typeof ary);                  //object

switch (num) {
      case 0:
        console.log('星期天');
        break;
      case 1:
        console.log('星期一');
        break;
      case 2:
        console.log('星期二');
        break;
      case 3:
        console.log('星期三');
        break;
      case 4:
        console.log('星期四');
        break;
      case 5:
        console.log('星期五');
        break;
      case 6:
        console.log('星期六');
        break;
      default:
        console.log('你输入的有误');
        break;
    }

//当循环条件为true时，执行循环体，
//当循环条件为false时，结束循环。
while(循环条件){
  //循环体：需要循环执行的语句
}

//1. 打印1-100之间所有的数
//2. 计算1-100之间所有数的和
// 初始化变量
var i = 1;
var sum = 0;
while(i <= 100){//判断条件
  sum += i;//循环体
  i++;//自增，修改循环条件（不能省略）
}
console.log(sum);

do {
    //循环体;
}while(条件)

//初始化变量
var i = 1;
var sum = 0;
do{
  sum += i;//循环体
  i++;//自增
}while(i <= 100);//循环条件

      // 创建数组
      //1.1 创建空数组  以后用构造函数创建的对象 ( new Array() )
       var arr1 =  new Array();
       console.log(arr1); // []
       
      //1.2 创建一个有内容的数组
      var arr2 = new Array(1,4,7);
      console.log(arr2); // [1,4,7]

      //1.3 Arrar() 里面放一个值,代表的是创建一个长度为4的空数组
      var arr3 = new Array(4);
      console.log(arr3); //  [empty × 4]
      
      




      //2. 字面量   直接量: 一眼就能看出是什么类型
      // 是我们最常用的方式 简单粗暴
      //2.1 创建一个空数组
      var arr1 = [];
      console.log(arr1);

      //2.2 创建一个有内容的数组
      var arr2 = ['zs','ls'];
      console.log(arr2); 

      //2.3 也来尝试一下一个值
      var arr3 = [40]; 
      console.log(arr3); // [40]

      join('-')  将数组中的元素按照指定的字符分隔转换为字符串，默认是逗号。 （split()  按照指定的字符将字符串分隔为数组    字符的方法  ）
      slice(开始下标，结束下标)  包含头，不包含尾   原来的数组没有发生变化，返回一个新的数组
      splice(开始下标，截取的长度，删除后补充的元素)  返回一个新的数组，原理的数组发生了变化
      push()  从后边加
      pop()   从后边删
      unshift() 从前边加
      shift()   从前边删
      var result = arr.forEach(function(elem,index,self){// elem 是数组中的每一项元素   index是数组的每一项下标  self 当前遍历的数组
            依次遍历数组中的元素，将数组中的元素执行相同的操作，不会改变原数组
      });

      var result = arr.filter(function(elem,index,self){ // filter 过滤
            return 判断条件 
      })
      var result = every(function(elem,index,self){
            return 如果数组中每一项都符合要求就返回true，否则返回false
      }) 
      var result = some(function(){
           return 只要有一些符合要求，就返回true
      }) 
       var result = arr.map(function(elem,index,self){
             return  遍历数组中的每一项元素，返回一个新的数组
     })

<script>

// 知识点  xx in window   window中有没有xx，如果有返回true，如果没有false

var a;
if ( 'b' in window){   //console.log(  'b' in window ) //false  在window中找不到'b'所以 是false
      console.log(111)
      var a = 10
      console.log(a)
}
alert(a) // undefined
</script>

<script>

function fn1(){
     var a = b = c = 1;

//      var a = 1
//          b = 1
//          c = 1

   }
   fn1();
   console.log(c);  // 1
   console.log(b);  // 1
   console.log(a);  // a is not defined
</script>

<script>

var a = 1;
function fn () {
      var a = 2;
      function fnSon (a) {
            a = 3;
            console.log( a )  // 3
      }
      fnSon();
      console.log( a ) // 2
}
console.log( a )  // 1
fn()
console.log( a ) // 1

// 输出结果 ：  1 3 2 1

</script>

<script>

var a = 1;
function fn () {
      var a = 2;
      function fnSon () {
            a = 3;
            console.log( a )  // 3
      }
      fnSon();
      console.log( a ) // 3
}
console.log( a )  // 1
fn()
console.log( a ) // 1

// 输出结果 ：  1 3 3 1

</script>

<script>

var a = 1;
function a () {
      a++
}
console.log(a) // 1

</script>

<script>
// 解题知识点：在给变量赋值之前要先找到变量（记住了 a 和 a.x的位置）

var a = { x : 1 }
var b = a
a.x = a = { n : 1 }
console.log( a.x )  // undefined
console.log( b.x )  //{ n : 1 }
</script>

   <!-- 在原型对象中添加方法，简单写法 -->
<script>
        
      function fn(){

      }
      fn.prototype = {
          constructor:fn, // 如果使用简单方式给原型添加方法，会丢失constructor，需要手动添加
          one : function(){
              console.log(1);
          },
          two : function(){
              console.log(2);
          },
          three : function(){
              console.log(3);
          }
      }

     var f =  new fn();
     f.one();
     f.two();
     f.three();
    
    
</script>

   <!-- 构造函数的继承 -->
<script>
// 借用构造函数法实现
function Person(name,age) {
      this.name = name;
      this.age = age;
}
function Student(name,age,score) {
      Person.call(this,name,age)
      this.score = score
}
// Student里面的name和age不想再重复的书写了，借用构造函数法实现继承
var zh = new Student( 'zh',18,100)
console.log( zh )  // {name: "zh", age: 18, score: 100}
</script>

   <!-- 构造函数的继承 -->
<script>
// 借用构造函数法实现
function Person(name,age) {
      this.name = name;
      this.age = age;
}
Person.prototype.say = function () {
      console.log( '你好，我是'+this.name );    
}
function Student(name,age,score) {
      Person.call(this,name,age) //借用构造函数继承，只能继承写在函数体内的this.xxx的属性
      this.score = score
}
//  如果想要继续原型上的属性和方法 ，那么就要使用原型继承这个方式
// 原型继承：专门用来继承写在原型上的属性和方法
Student.prototype = new Person()
var zh = new Student( 'zh',18,100)
console.log( zh.say()    )  // 你好，我是zh
</script>

<!DOCTYPE html>
<html lang="en">
<head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Document</title>
</head>
<body>
<script>
function Father (x) {
      this.x = x;
}
Father.prototype.getX = function () {
      console.log( this.x )
}


function Son (y) {
      this.y = y;
      Father.call(this,y)
}
Son.prototype = new Father(200)
Son.protoype.constructor =  Son // 保证原型重定向后的完整性
Son.prototype.getY = function () {
      console.log( this.y )
}

let son1 = new Son(100)
son1.y;
son1.getY();

</script> 
</body>
</html>