JavaScript 学习计划（一）

最新推荐文章于 2024-06-21 16:41:46 发布

General_yw

最新推荐文章于 2024-06-21 16:41:46 发布

阅读量210

点赞数

文章标签： javascript 前端学习 html

本文链接：https://blog.csdn.net/General_yw/article/details/130078730

版权

学习目标：

（1）、理解知识点

（2）、记录学习时刻

一、JavaScript特点：

JavaScript是一门面向对象的、解释型的、动态的、类C语法结构的语言。

二、JavaScript输出

1、控制台输出：

console.log('所要输出的语句');

2、窗口弹出：

alert('弹出的内容')；

3、窗口弹出需要用户输入的信息：

prompt('输入用户所写内容')；

三、JavaScript五种基本数据类型

字符串型 String

数值型 Number

布尔型 Boolean

null型 Null

undefined型 Undefined

typeof运算符可以返回一个值的数据类型

四、转换

四、1、字符型转换为数值型

1.parseInt(变量) //转换为的是整数

2.parseFloat(变量) //转换为的是小数

四、2、数值型转换为字符型

1.toString(变量) //不会影响到原变量，它会将转换的结果返回，null和undefined不能使用

2.String(变量) //强制类型转换

3.在字符串后添加空字符( + '')

五、各种语句

1、if (条件表达式) {
 //执行语句
 } else if (条件表达式) {
 // 执行语句
 }  ...
 else {
 //以上条件均不满足时执行F
   }

2、switch (条件表达式) {
  case value1:
   //执行语句1
  break;//每一个case必须使用一次
  case value2:
   //执行语句1
  break;
  ...
  default:
   //以上条件均不满足时执行
    }

3、do{
    //执行语句
   }while(条件表达式)

//先执行一次循环体再判断条件
//do while()至少执行一次

4、跳转控制
//break:直接跳出循环体，退出整个循环
//continue:退出本次循环，执行下一次循环

六、数组

1.利用new创建数组

var arr = new Array();

2.利用字面量创建数组

var arr = [ ];

七、函数

函数使用

1.申明函数

1.1 命名函数

function 函数名(形参) {

//函数体

return //返回值;

//return终止函数并且只能返回一个值

}

1.2 匿名函数

var 变量名 = function() {}

2.调用函数

函数名(实参);

//通过arguments快速打印获取数组元素
 function fn(){
    for(var i = 0; i <= arguments.length; i++){
       console.log(arguments[i]);
        }
   }
 fn([1,2,3]);
 //arguments 里面存储了所有传递过来的实参，是一个伪数组，
 //具有length属性按照索引方式存储

八、对象

创建对象

1.利用字面量创建

var obj = { };//创建一个空对象

var obj = {

name: 'zhangsan',

age: 18,

sex: '男',

hello: function(){} //方法

} //属性与值之间用: 隔开，各属性之间用, 隔开

调用对象为：对象名.属性如：obj.hello()

2.利用new object 创建对象

var obj = new object();

3.利用构造函数创建对象

function 构造函数名(形参){

this.属性名 = 形参;

this.方法 = function(){}

//方法在里面，也可以在外面

}

//构造函数名首字母需要大写

调用构造函数为:

new 构造函数名(实参);

遍历对象：

使用for in

for(var 变量 in 对象){

console.log(对象[变量]); //得到值

}

var obj = {属性及值};

for(var k in obj){

console.log(obj[k]);

}

九、JS内置对象

1、Math对象

Math.abs(数值); //求数据绝对值

Math.floor(数值); //对数据向下取整

Math.ceil(数值); //对数据向上取整

Math.round(数值);//对数据四舍五入

Math.random();//随机返回一个[0,1)的小数
// 两个数之间输出随机一个整数：
   function getRandom(min, max) {
      return Math.floor(Math.random() * (max - min + 1) + min);
    }
 console.log( getRandom(1, 10));

2、Date对象

是一个构造函数，需使用new 来调用

var today = new Date();

console.log(today);//返回此刻标准时间

.getFullYear();//获取年份

.getMonth();//获取月份，不过它是从0开始计算的

.getDay();//获取星期几一般从星期日为0开始

Date.now();//获取距离1970.1.1过了多少毫秒数也叫时间戳有助于倒计时使用

3、数组对象

①.给数组添加元素

var arr = [];

arr.push(参数); //在数组末尾添加一个或多个数组元素

arr.unshift(参数); //在数组开头添加一个或多个元素

push()和unshift()返回值为数组更新后的长度
var arr = [];
arr.push(1, 2, 3);// arr = [1,2,3]
console.log(arr.push()); //返回数组长度3
arr.unshift(6, 5, 4)
for (var i = 0; i < arr.length; i++) {
console.log(arr[i]); //arr = [6,5,4,1,2,3]
 }
console.log(arr.unshift());//返回数组长度为6
②.给数组删除元素

var arr = [1,2,3,4,5,6];

arr.pop();//没有参数，删除数组的最后一个元素

arr.shift();//没有参数，删除数组的第一个元素

pop()和shift()返回值为所删除的元素
var arr = [1,2,3,4,5,6];
console.log(arr.pop());//返回删除的最后一个元素6
console.log(arr); //arr = [1,2,3,4,5]
console.log(arr.shift());//返回删除的第一个元素1
console.log(arr); //arr = [2,3,4,5]

4、字符串对象

str.charAt(index);//根据位置返回相应的字符

str.concat(值); //拼接字符串通常使用 '+'

str.substr('截取的起始位置', '截取长度');// 截取所需字符串

str.split('分隔符');//把字符串转换为数组，里面的分隔符是原字符串之间的分隔符
var str = 'qwe,tyuiop12,3asd';
var str1 = '2345';
console.log(str.charAt(5));//返回y

str = str.substr(5,6);
console.log(str);//yuiop1

str = str.concat(str1);//等价于str = str + '2345';
console.log(str);//yuiop12345
        
str = 'qwe,tyuiop12,3asd';
str = str.split(',');
console.log(str); //返回['qwe', 'tyuiop12', '3asd']

参考文件：学习JavaScript这一篇就够了_轻松的小希的博客-CSDN博客