JavaScript基础

最新推荐文章于 2024-06-03 09:20:03 发布

码农小李、

最新推荐文章于 2024-06-03 09:20:03 发布

阅读量102

点赞数 2

分类专栏：笔记文章标签： javascript html5 html

本文链接：https://blog.csdn.net/lidekang1/article/details/120095029

版权

笔记专栏收录该内容

6 篇文章 0 订阅

订阅专栏

准备工作

引用JavaScript
第一种

<head>
  <script>...</script>
</head>

第二种

<body>
  htmlcode
  <script src="xx.js"></script>
</body>

注释

//单行注释
/*
  多行注释
*/

变量

建议声明，逗号隔开，下划线或驼峰

var age_a = 3
   ,aName = "mark";

数据类型

字符串

用引号

var a = "nihao"
   ,b = "3"

数值

var a = 3

布尔值

var a = true
    ,b = false;

数组

var a = Array();
    a[0] = 1;
    a[1] = "name";
或
var b = Array ( 1 , "name");
或
var c = [ 1, "name" ];

数组可以是变量、可以是其他数组
var a = []; //定义一个空数组
    ,name = "mark"
    ,b = [ 2 , "nihao" ];
a[0] =name;
a[1] = b;

关联数组

var  a = [];
a["name"] = "mark";
a["age"] = 28;

对象

var a = Object();
或
var a = {};
a.name = "mark";
a.age = 28;
简洁写法
var a = { name:"mark" , age:28 }; //建议用对象去代替关联数组的表达方式

操作

+ - * /
+还可以作为字符串合二为一
var a = "name is" + "mark";
i++;//递增加1
i--;//递减1
a += b; 等于 a = a+b;
a -= b; 等于 a = a-b;

条件语句

if ( a > b ){
  alert("nihao");
} else {
  alert("hello");
}

比较操作符

<  >  >=   <=   ==  !=
=== //数据类型也必须相等

逻辑操作符

&&//逻辑与 ， 两边都为true则为true
|| //逻辑或 ， 两边有一边为true则为true

switch 语句用于基于不同的条件来执行不同的动作。

var day=new Date().getDay();
switch (day)
{
case 6:
  x="Today it's Saturday";
  break;
case 0:
  x="Today it's Sunday";
  break;
default:  //以上条件都不符合则用默认值
  x="Looking forward to the Weekend";
}

循环语句

JavaScript 支持不同类型的循环：
for - 循环代码块一定的次数
for/in - 循环遍历对象的属性
while - 当指定的条件为 true 时循环指定的代码块
do/while - 同样当指定的条件为 true 时循环指定的代码块

var a=1;
while (a<9) {
  alert("nihao");
  a++;
}
//do while 无论while条件是否为true都要执行一次
var a=1;
do {
alert("nihao");
  a++;
}while(a<9);

for循环

for ( var i =0 , i<9 , i++) {
  alert("nihao");
}

使用for和数组的lenght属性遍历数组

var a = Array ("ni","hao");
for ( var i=0,i<a.length;i++){
  alert ( a[i] );
}

函数

为了代码多次使用
正真的价值在于可作为数据类型把函数调用结果赋给一个变量

function sayHi(){
  var a = Array ("ni","hao");
  for ( var i=0,i<a.length;i++){
    alert ( a[i] );
  }
}
return可以返回值，可以跳出函数，
接收参数顺序不能变，
开发者定义的函数都可以接受任意个数的参数
（根据 Netscape 的文档，最多可接受 255 个），而不会引发任何错误。
任何遗漏的参数都会以 undefined 传递给函数，多余的函数将忽略。

模拟函数重载（以参数个数判断，使用何种方法处理参数）

//用 arguments 对象判断传递给函数的参数个数，即可模拟函数重载：
function doAdd() {
  if(arguments.length == 1) {
    alert(arguments[0] + 5);
  } else if(arguments.length == 2) {
    alert(arguments[0] + arguments[1]);
  }
}

doAdd(10);  //输出 "15"
doAdd(40, 20);  //输出 "60"

变量的作用域

全局变量 globaal variable
局部变量 local variable

函数内部 var 声明变量为局部变量，如果未声明则默认为全局变量，若与已有全局变量重名则会改变已有全局变量的值，函数内部变量一定要用var来声明

对象object

Object.property 对象属性
Object.method() 对象方法
var mark = new person;  //new关键字实例化一个对象

内建对象 native object //javascript提供对象
宿主对象 host object//浏览器预定义对象如Form Image Element
自定义对象 user-defined object

码农小李、

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础

准备工作引用JavaScript第一种<head> <script>...</script></head>第二种<body> htmlcode <script src="xx.js"></script></body>注释//单行注释/* 多行注释*/变量建议声明，逗号隔开，下划线或驼峰var age_a = 3 ,aName =.
复制链接

扫一扫