【JavaScript基础知识】

ECMAScriptji基础语言、webAPIs(DOM页面文档对象模型、BOM浏览器对象模型)
作用:网页特效、表单验证、数据交互、服务端变成(node.js)。

ECMAScriptji:变量等。

dom:操作文档,页面元素的移动大小添加删除登
bom:操作浏览器,比如页面弹窗、检测窗口宽度、储存数据到浏览器登。

网站:MDN

js书写位置:行内、内部(底部)、外部(my.js)

// 提示框
    alert('你好');

// 多行注释
    /*alert('你好')
    alert('你好')
    alert('你好')*/
// 结束符用英文分号,可加可不加,可以不加

// 输入输出效果。alert以及prompt跳过渲染页面先被展示
document.write('文档输出内容')
document.write('<h1>.你好</h1>')//加标题的
alert('要输出的内容')
console.log('控制台打印,程序员调试')
prompt('对话框输入')

//[]数组{}对象

// 变量
    // 1.存储数据的容器,盒子。
    // 2.变量名数字\英文,下划线,$,且不能以数字开头有,严格区分大小写,不能使用关键字let\var\if\for等
    // 3.var 出现过的变量名可以重复声明,变量提升\全局变量\没有块级作用域.有bug
        //创建变量名
            // 1.let 变量名=数值,变量名=数值
            // 2.console.log(bianliang 1,biangliang2))
            // 3.let 数组名=[shuju1,shuju2,shuju3]; 
                // eg:let name=['小明','小红','小丽']
                // console.log(name[0])
    let age=18
    alert(age)
    console.log(age)
    let uname=+prompt('对话框输入')//强制类型展缓为数字
    document.write(uname)

// 常量
    // 1.使用const
    // 2.一旦声明不能改变,不允许再次赋值
    // 3.声明就必须赋初值
    const pi=3.14
    document.write(pi)

//数据类型(弱数据)
    // 加减乘除以及取余,if语句等和c语言一样
    // 1.基本数据类型:
        // number:数字(整数\小数\NaN\负数);
        // boolean:布尔.true/false
        // null:空;大小写不一样
        // undefined:未初始化变量时为未定义
        // string:字符串,单引号\双引号\反引号
            // 反引号拼接:console.log(`我是${name}`);隶属于模板字符串
            // +号也是拼接的效果
    // 引用数据类型: object:对象

// 检测数据类型:typeof运算符
    // typeof a

// 数据转换
    // 1.显示转换:console.log(number('123'))
    // 2.隐式转换:自动转换
    // 3.  parseInt(数据);只保留整数
        // parseFloat(数据);只保留小数

//函数
    // 1.function 函数名(参数1,参数2){};具名函数
    //   function(){};匿名函数
            // lat fn=function(){
            //     console.log('我是函数表达式')
            // }
            // fn()

            // 立即执行
            // (function(){console.log(11)})()
    // 2. 函数表达式
    //        let add=function(a,b){
    //              return a+b
    //              }
    // 箭头函数
    //         let add=(a,b)=>{
    //             return a+b
    //             }

// 对象相当于结构体吧_属性方法组成_无序的
    // 1.let 对象名={
    //     属性名:属性值,
    //     属性名:属性值
    //     }
    //     let 对象名=new Object()
        let obj={
            'uname':pink老师,
            age:18,
            gender:'女',
            // 方法,在对象外叫函数
            sayhi:function(x,y){
                console.log(x+y)
            }
        }
        console.log(obj.uname)
    // 改
        obj.gender='男'
    // 增加
        obj.hobby='足球'
    // 查_对象名['属性名']
        console.log(obj['uname'])
    // 方法调用:对象名.方法名
        obj.sayhi(1,2)
    //遍历对象
        for(let k in obj){//在这种形式的for内需要用[]
            console.log(k)//打印属性名默认,'age',有引号
            console.log(obj[k])//打印属性值
            console.log(obj['uname'])
        }

// 数学函数
// Math.random();[0,1)等等
    // 0-10随机数:
        Math.floor(Math.random()*(10+1))
        let arr=['red','green','blue']
        let random= Math.floor(Math.random()*arr.length)
    //n-m随机数
        Math.floor(Math.random()*(M-N+1))+N 
    //arr.push数组添加元素
    //arr.splice(起始下标,删除几个元素)删除元素


//快捷键alt+上下键可以上下移动

//值类型:number等,存放在栈
//引用类型:存放地址,存放在堆.通过关键字new创建Object\Array\Date等
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值