JavaScript学习第五天-CSDN博客

本文链接：https://blog.csdn.net/qq_44152890/article/details/122642335

1、String类型

<!DOCTYPE html>
<html>
    <head>
        <title>String类型</title>
    </head>
    <body>
        <script type="text/javascript">
        /*
        1、String类型既能用双引号，也能用单引号
            例子：var i="aaa";
              var j='aaa';
        2、创建字符串对象：
            方法一：var i="aaa";
            方法二：var i=new String("aaa");
        3、String类型常用的属性和函数
            常用属性：length       获取字符串的长度 
            常用函数：indexOf      获取指定字符串在当前字符串中第一次出现处的索引
                     lastIndexOf  获取指定字符串在当前字符串中最后一次出现处的索引
                     replace      替换
                     substr       截取子字符串
                     substring    截取子字符串
                     toLowerCase  转换小写
                     toUpperCase  转换大写
                     split        拆分字符串
        */
            var i="dd";
            alert(typeof i);//string

            var j=new String("kk");
            alert(typeof j);//object

            alert(i.length);//获取i字符串的长度
            alert("qwertyw".indexOf("w"));//结果为1
            alert("qwertyw".lastIndexOf("w"));//结果为6

            //replace(只替换第一个)
            alert("qazxswqaz".replace("a","r"));//结果为qrzxswqaz

            //substr和substring的区别
            //substr(开始索引，长度)
            //substring(开始索引，结束索引)   注意：结束索引不显示
            alert("qwertyuiop".substr(2,4));//结果为erty
            alert("qwertyuiop".substring(2,4));//结果为er
        </script>
    </body>
</html>

2、Object类型

<!DOCTYPE html>
<html>
    <head>
        <title>Object类型</title>
    </head>
    <body>
        <script type="text/javascript">
        /*
        Object类型：
					1、Object类型是所有类型的超类，自定义的任何类型，默认继承Object。
					2、Object类包括哪些属性？
						prototype属性（常用的，主要是这个）：作用是给类动态的扩展属性和函数。
						constructor属性
					3、Object类包括哪些函数？
						toString()
						valueOf()
						toLocaleString()
					4、在JS当中定义的类默认继承Object，会继承Object类中所有的属性以及函数。
					换句话说，自己定义的类中也有prototype属性。
					
					5、在JS当中怎么定义类？怎么new对象？
						定义类的语法：
							第一种方式：
								function 类名(形参){
									
								}
							第二种方式：
								类名 = function(形参){
									
								}
						创建对象的语法：
							new 构造方法名(实参); // 构造方法名和类名一致。
		*/
            function jk(){
                alert("jj");
            }
            jk();//普通函数

            var we=new jk();//调用了一次
            alert(we);//结果为[object Object]

            // JS中的类的定义,同时又是一个构造函数的定义
		    // 在JS中类的定义和构造函数的定义是放在一起来完成的.
            function qun(a,b){
                //构造函数
                //sd、sf都是属性
                this.sd=a;
                this.sf=b;
            }
            var l=new qun("a",10);
            alert(l.sd);
            alert(l.sf);
        </script>
    </body>
</html>

2、Object类型

<!DOCTYPE html>
<html>
    <head>
        <title>Object类型</title>
    </head>
    <body>
        <script type="text/javascript">
        /*
        Object类型：
					1、Object类型是所有类型的超类，自定义的任何类型，默认继承Object。
					2、Object类包括哪些属性？
						prototype属性（常用的，主要是这个）：作用是给类动态的扩展属性和函数。
						constructor属性
					3、Object类包括哪些函数？
						toString()
						valueOf()
						toLocaleString()
					4、在JS当中定义的类默认继承Object，会继承Object类中所有的属性以及函数。
					换句话说，自己定义的类中也有prototype属性。
					
					5、在JS当中怎么定义类？怎么new对象？
						定义类的语法：
							第一种方式：
								function 类名(形参){
									
								}
							第二种方式：
								类名 = function(形参){
									
								}
						创建对象的语法：
							new 构造方法名(实参); // 构造方法名和类名一致。
		*/
            function jk(){
                alert("jj");
            }
            jk();//普通函数

            var we=new jk();//调用了一次
            alert(we);//结果为[object Object]

            // JS中的类的定义,同时又是一个构造函数的定义
		    // 在JS中类的定义和构造函数的定义是放在一起来完成的.
            function qun(a,b){
                //构造函数
                //sd、sf都是属性
                this.sd=a;
                this.sf=b;
            }
            var l=new qun("a",10);
            alert(l.sd);
            alert(l.sf);

            xigua=function(na,ns,nd){
                //构造函数
                this.na=na;
                this.ns=ns;
                this.nd=nd;

                //普通函数
                this.hu=function(){
                    return this.na;
                }
            }
            var y=new xigua("ll",20,"aaa");
            alert(y.hu());

            //给xigua类扩展一个函数
            xigua.prototype.yu=function(){//格式：类名.prototype.添加的函数名=function
                return this.ns;
            }

            //给String扩展一个函数
            String.prototype.hh=function(){
                alert("hh");
            }
            "aassd".hh();//可以字符串直接调用
        </script>
    </body>
</html>