JS基础

2022-10-30  本文已影响0人  山猪打不过家猪
image.png

1. JS基础

1.1 声明变量
var name ='卡卡卡西';
var adress = '新市毒窝';
var age  = 44;
function showQx(){
    var name ='FXX',
        adress = '岗贝毒窝',
        age = 19,
        info;
    alert(info);
}
>>>
undefined
1.2一些方法
function showQx(){
    alert(isNaN(12)); //fasle
    alert(isNaN('fxx')); //true
}
function showQx(){
    var name = 'fxx';
    var age = 19;
    alert('我的名字是:fxx'+name+' ,我的年龄是:'+age+'!'); //fasle
}
function showQx(){
    var name = undefined;
    var age = 19;
    alert(age+name); //NaN
    alert('fxx'+name) //fxxundefined
}

function showQx(){
    var name = null;
    var age = 19;
    alert(age+name); //19
    alert('fxx'+name) //fxxnull
}
function showQx(){
    var name = undefined;
    var age = 19;
    alert(typeof name); //undefined
    alert(typeof age) //number
}
function showQx(){
    alert(parseInt(3.14)); //3 取整
    alert(parseInt('120px')); //120 取整
    alert(parseInt('e120px')); //NaN
}
function showQx(){
    alert(parseInt(3.14)); //3.14
}
1.3 三元表达式

条件表达式?表达式1(真):表达式2(假)

function showXQ(){
    var a = 4;
    var b = a>3?a*5:a-1;
    alert(b)
}
1.4 switch
image.png
function showXQ(){
    var a = prompt('请输出你要的数字:');
    switch(parseInt(a)){
        case 1:
            alert('这是1');
            break;
        case 2:
            alert('这是2');
            break; 
    }
}

2.数组

2.1 声明数组
var a = new Array();
var b = [1,2,3,4,5];
2.2数组遍历
function showXQ(){
    var b = [1,2,3,4,5];
    for(var i = 0; i<b.length;i++){
        alert(b[i]);
    }
}
2.3 数组添加元素
function showXQ(){
    var b = [1,2,3,4,5];
    alert(b);
    b[b.length+1] = '直接加一个';
    alert(b);
    b.push('最后一个啦')
    alert(b);
}
2.4 数组转为字符串
var b = [1,2,3,4,5];
b.join(' ');

3.方法

3.1 传参
function showXQ(a,b ){
    alert(a+b);
}

showXQ(1,2); //3
showXQ(1,2,3); //3
showXQ(1); //NaN
3.2 函数返回值
3.3 arguments

arguments是内置函数,存储了所有的传参,它是一个伪数组,没有真正数组的一些方法。

function showXQ( ){
  for(var i=0;i<arguments.length;i++){
    alert(arguments[i]);
  }
}
showXQ(1,2,3,4,5);
3.4 用方法名当参数
function showXQ(){
    alert('我是showXQ');
}

function b(a){
    a();
}
b(showXQ);
3.5 方法的两种生命方式
function a(){
    alert('我是a');
}

var b = function(){
    return 12;
}

a();
alert(b); //返回的是函数体
alert(b()); //返回的调用后的返回值
3.6 全局变量
var num = 12; //全局变量
function a(){
    alert(num); 
    a = 100;  //在函数内部,直接赋值,也是全局变量
}

a();
alert(a);
3.7 预解析

会将所有变量提升到,函数最前面;

console.log(num); //报错
console.log(num); //undefined
var num = 10;

相当于

var num;
console.log(num);
num =10;
a();
function a(){
    alert('我是a')
}
fun();
var fun = function a(){
    alert('我是a')
}

预解析相当于

var fun;
fun(); //调用一个值类型,直接报错;
fun  = function(){
    alert('我是a')
}

4.对象

4.1创建对象的3种方式
//1.关键字创建
var Person = {
    uname:'fxx',
    age:18,
    adress:'石井毒窝',
    sayHi: function(){
        alert('我住在石井毒窝');
    }
};

alert(Person.adress);
Person.sayHi();

//2.new object创建
var Person = new Object();
Person.uname = 'fxx';
Person.age =19;
Person.sayHi = function (){
    alert('我来自石井毒窝')
}
Person.sayHi();

//3.利用构造函数创建对象
function Person(uname,age){
    this.uname = uname;
    this.age =age;
    this.sayHi = function(){
        alert(this.uname+'在石井毒窝')
    }
}

var fxx = new Person('fxx',18);
alert(fxx.uname);
fxx.sayHi();
4.2遍历对象
var fxx = new Person('fxx',18);

for(var k in fxx){
    alert(k);//k 是属性名
    alert(fxx[k]) //obj[k] 得到值
}

5.内置对象

5.1常用内置对象
Math
image.png
random()随机数
image.png
Date
image.png
image.png
数组方法
//1
var arr = [];
var obj = {}
console.log(arr instanceof Array);
//2
console.log(Array.isArray(arr));
var arr1= [1,2,3];
arr1.push('fxx',18);
alert(arr1)
var arr1= [1,2,3];
alert(arr1.reverse())
var arr1= [13,4,77,1];
arr1.sort(function(a,b){
    return a-b //升序
    //return b-a //降序 
});
alert(arr1)

var arr1= [13,4,77,1];
arr1.sort(function(a,b){
    return a-b 
});
alert(arr1.toString())
alert(arr1.join('-'))

字符串方法
var a = 'abcdefg';
alert(a.indexOf('f'))
var a = 'abcdefg';
//alert(a.charAt(3))
//alert(a[0])

//遍历所有字符
for(var i =0;i<a.length;i++){
    alert(a.charAt(i))
}
var a = 'abcdefg';
alert(a.substring(0,2))//第一个0是索引号,第二个2是取的字符个数
>>>
ab
var a = 'abcdefg';
alert(a.replace('abc',123))
var a = 'a-b-c-d';
alert(a.split('-'))
>>>
['a','b','c','d']
上一篇 下一篇

猜你喜欢

热点阅读