Javascript基础总结【3】

最新推荐文章于 2024-07-20 10:36:53 发布

爱好是吃的蓝胖

最新推荐文章于 2024-07-20 10:36:53 发布

阅读量63

点赞数

分类专栏： javascript基础总结文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/m0_61044901/article/details/123438283

版权

javascript基础总结专栏收录该内容

15 篇文章 0 订阅

订阅专栏

1.简单的认识javascript对象

1.自定义的对象---使用的时候需要自己创建的对象
创建方式:1.字面量形式创建对象
2.通过函数形式创建对象
2.内置对象---javascript语法规范，规定好的对象
1.高级对象 String Number Boolean Math Date .....
2.DOM对象---文档对象【document对象】
3.BOM对象---浏览器对象【window对象

对象中通常会包含2类元素:1.属性 --- 描述对象的基本特征
2 方法【函数】----描述对象的基本功能

对象---就是将现实中的事物，数据化，使用数据的方式描述出来。
现实--汽车---描述汽车---基本特征：颜色品牌驱动方式座位身长......
白色 BMW 4驱 5座 2M ....
基本功能：前进后退 ......

对象中的属性
属性---键值对【键{属性名称}:值{具体数据}】颜色:白色
           可以出现多个,中间","分隔 [颜色:白色,品牌:BMW]
           属性对应的数据值，如果是字符串/日期使用""包围 [颜色:"白色",品牌:"BMW"]
访问属性值: 1.对象名称.属性名称汽车对象.颜色----"白色"
2..对象名称["属性名称"] 汽车对象["品牌"]----"BMW"
对象中的方法
方法---函数【具体功能的实现代码集合】
           格式: 方法名称:function(){具体功能的实现代码}
前进:function(){ 加油向前跑 }
访问方法: 对象名称.方法名称(参数);
汽车对象.前进();

字面量形式创建对象:使用{}包围属性/方法
  eg：
   var 汽车对象={
          颜色:"白色",品牌:"BMW",驱动方式:4,座位:5,身长:2,
          前进:function(){加油向前跑},
          后退:function(){减油向后退}
           };

如何用字面量形式创建学生对象？

<!DOCTYPE html>

<head>

function testObject(){

//字面量形式创建学生对象

var student={

name:"zhangsan",

age:23,

sex:true,

height:1.6,

classname:"一年级一班",

xuexi:function(){alert("看书,写字");},

yundong:function(){alert("运动,打球");}

};

//alert(typeof student);

访问属性:1.对象名称，属性名称

2.对象名称["属性名称"]

//alert(student.sex);

//alert(student.name);

//访问方法：对象名称,方法名称（参数）;

student.xuexi();

student.yundong();

}

</script>

</head>

<body>

</body>

</html>

2.javascript中的变量

变量---保存程序中的运行数据值---容器
   变量的组成:
       1.var
       2.名称
       3.数据类型
       4.作用域【有效范围】
   变量的作用域:1.全局变量---定义在函数之外的变量，当前页面中的任何一个函数都可以使用。
2.局部变量---定义在函数里面/参数，只能在当前函数中使用。

全局变量的隐藏---局部变量与全局变量的名称相同
如果要使用被隐藏的全局变量的值 this.全局变量名称

<!DOCTYPE html>

<head>

<title>Document</title>

//变量的作用域:

//1.全局变量---定义在函数之外的变量，当前页面中的任何一个函数都可以使用。

//2.局部变量---定义在函数里面/参数，只能在当前函数中使用。

var name="我是全局变量";//全局变量

function test1(){

//alert("test1函数中使用name变量--"+name);

//test2();

//var myname="我是局部变量";

//alert("test1函数中使用myname变量--"+myname);

//test2();

//test11("参数-局部变量");

//test2();

//全局变量的隐藏--局部变量与全局变量的名称相同，函数中的值是局部变量的值

var name="zhangsan";

//alert("test1函数中使用name变量--"+name);//zhangsan

//如果要使用全局变量的值 this.全局变量名称

alert("test1函数中使用name变量--"+this.name);

}

//函数的参数--是局部变量

function test11(testname){

alert("test11函数中使用testname变量--"+testname);

}

function test2(){

//alert("test1函数中使用name变量--"+name);

//alert("test2函数中使用myname变量--"+myname);

alert("test2函数中使用testname变量--"+testname);

}

</script>

</head>

<body>

</body>

</html>

3.javascript中的运算符号

1.算术运算符【+ - * / % ++ -- 】
   2.比较运算符【> < >= <= == != === 】
   3.逻辑运算符【逻辑或 || 逻辑与 && 逻辑非！】
   4.typeof 判断类型 null--
   5.三元运算符 (判断)？数据1 : 数据2

<!DOCTYPE html>

<head>

<title>javascript中的运算符号</title>

function testyunsuanfu(){

//+ - * / % ++ --

var num1=10;

var num2=10;

alert(num1+num2); //20

alert(num1-num2); //0

alert(num1*num2); //100

alert(num1/num2); //1

alert(num1%num2); //0

//++ 自增自动加1

//变量 ++ 【先用，后加1】

//alert(num1++);//10

//alert(num1); //11

//++ 变量【先加，后用】

//alert(++num1);

//alert(num1);

//-- 自减自动减1

//变量---【先用后减】

//alert(num1--);//10

//alert(num1);//9

//变量---【先减后用】

//alert(--num1);//9

//alert(num1);//9

}

function testbijiao(){

//> < >= <= == != ===

//比较运算符的结果一定的是boolean【ture/false】

var num1=10;

var num2=5;

alert(num1>num2); //true

alert(num1<num2); //false

alert(num1>=num2);//ture

alert(num1<=num2); //false

alert(num1==num2); //false

alert(num1!=num2); //ture

//===在进行比较的时候，要比较数据值和数据类型

var test1=10; //numbeu

var test2="10"; //string

//alert(test1==test2); //true

//alert(test1===test2); //false

}

function testluoji(){

//逻辑运算符【逻辑或 || 逻辑与 && 逻辑非！】

//参与逻辑运算的数据和运算结果都是boolean

var num1=10;

var num2=3;

//逻辑或 || 【只要有一个ture，那结果就是ture】

//ture || false--- ture

//ture || ture--- ture

//false || ture--- false

//false || false--- false

//alert((num1>num2) || (num2>num1));//ture

//逻辑与 && 【只要有一个false，那结果就是false】

//ture && false--- false

//ture && ture--- ture

//false && ture--- false

//false && false--- false

alert((num1>num2) && (num2>num1));//false

//逻辑非 !

alert(!((num1>num2) && (num2>num1)));//ture

}

//4.typeof 判断类型 null--

function testtypeof(){

var test1=null; //object

var test2; //undefined

var arr1=["zhangsan",100];//object

function fun1(){} //function

alert(typeof fun1);

}

function testsanyuan(){

//5.三元运算符 (判断)？数据1 : 数据2 【2选1】

//先执行（判断）--ture--选择数据1 作为运算结果

// --false--选择数据2 作为运算结果

var age=10;

var test1= (age>18)?"成年人":"未成年"

alert(test1)//未成年

}

</script>

</head>

<body>

</body>

</html>

爱好是吃的蓝胖

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript基础总结【3】

1.简单的认识javascript对象1.自定义的对象---使用的时候需要自己创建的对象创建方式:1.字面量形式创建对象 2.通过函数形式创建对象2.内置对象---javascript语法规范，规定好的对象 1.高级对象 String Number Boolean Math Date ..... 2.DOM对象---文档对象【document对象】 ...
复制链接

扫一扫