js和ts总结

js

一.概念

什么是JS？
HTML定义了网页的内容，CSS定义了网页的布局，那么JavaScript定义了网页的行为。
将静态的网页转化动态类型。JavaScript可以跨平台使用，和java没有任何关系。当浏览器显示该网页时，浏览器就会执行js程序。来达到动态的效果。

二.基本语法

大小写敏感

标识符

所谓标识符，就是指变量、函数、属性的名字，或者函数的参数。标识符可以是按照下列格式规则组合起来的一或多个字符:
第一个字符只能是字母、下划线（ _ ）或美元符号（ $ ）之一；
其他字符可以是字母、下划线、美元符号或数字。
按照惯例，ECMAScript（European Computer Manufacturers Association） 标识符采用 驼峰大小写格式，也就是第一个字母小写，剩下的每个单词的首字母大写，如getNameById

语句

语句后的分号建议添加，但不必须。

变量

ECMAScript 的变量是松散类型的（坑！），所谓松散类型就是可以用来保存任何类型（如： String、Number、Boolean以及Object等）的数据。换句话说，每个变量仅仅是一个用于保存值的占位符而已。
定义变量时要使用 var 操作符（坑！），后跟变量名（即一个标识符），如下所示： var message; 这行代码定义了一个名为 message 的变量，该变量可以用来保存任何值。
有一点必须注意，即用 var 操作符定义的变量将成为定义该变量的作用域中的局部变量。也就是说，如果在函数中使用 var 定义一个变量，那么这个变量在函数退出后就会被销毁。

function test(){
    var message = "hi"; // 局部变量，去掉var即为全局变量
}
test();
alert(message); // 错误！

【注】

JavaScript的语句都需要;结尾
弹出提示框 alert（）；
编辑页面内容： document.write（）；
调试程序，输出到浏览器控制台：console.log（“ "）;

JS的执行顺序（JS可以放在页面的任何地方 包括页面外）

部分JS的代码将在页面之前被载入
部分js代码将在页面载入的时候被执行
标签后的代码将在页面载入完成之后被执行

/ JS 的数据类型 /

JS 总共由五大类型 数值类型、 布尔型、字符串类型、undefined类型 null类型
undefined类型 是 已经创建但是没有初值的类型
null 用来表达某个变量的值为空
数组的三种说明方式
var i= new Array（）； i[0]=1,i[1]=2;
var j = new Array(“a”,“b”,“c”);
var a = [3,5,1];
函数的声明方式 functicon name（）{}
对象
对象的声明方式
var 变量名 = {属性名 ：值，属性名：值，…}
var 变量名 = new Object（）； 变量名.属性名 = 值；变量名.属性名 = 值；
通过构建模板来说明对象

<script>
            //模板
        var MyObject = function (name1,age){
            //属性 this：指当前对象
            this.name = name1; // name1 代表参数 name创建出来的对象 当前的对象
            this.age = age;
            //方法
            this.info = function(){
                alert(this.name+" , "+this.age);
            }

        }
        // 对象 p1
        var p1= new MyObject("zs","12");
        p1.info();
        var p2 = new MyObject("zd","20");
        p2.info();

    </script>
    ```
<script>
            //模板
        var MyObject = function (name1,age){
            //属性 this：指当前对象
            this.name = name1; // name1 代表参数 name创建出来的对象 当前的对象
            this.age = age;
            //方法
            this.info = function(){
                alert(this.name+" , "+this.age);
            }

        }
        // 对象 p1
        var p1= new MyObject("zs","12");
        p1.info();
        var p2 = new MyObject("zd","20");
        p2.info();
    </script>
    

-JS的模板相