2019.6.22 Web全栈开发 学习笔记(八)

这篇博客详细介绍了JavaScript的基础知识,包括JavaScript的用途、变量初始化、函数用法、闭包概念及其缺点,以及DOM元素获取和事件操作。通过实例解析了变量作用域、闭包的实现、DOM动态获取和事件绑定,帮助读者深入理解JavaScript在前端开发中的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

JavaScript Day1

上课日期:2019年7月31日

从今天开始我们正式进入了JavaScript的学习,作为一门编程语言,JavaScript是前端学习中最重要的部分之一,同时整体难度也在加大,比HTML和CSS要复杂很多。

课程内容

一、JavaScript简介

JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
JavaScript是前端开发所用的网页交互代码,用于实现前端页面的特效,数据交互,数据展示,调用API等。

引入方式:

  1. 外部js文件
<script src="../js/index.js" type="text/javascript"></script>
  1. 内嵌
<script>
//直接在此处书写JavaScript代码即可
</script>

二、JavaScript中变量初始化问题(声明变量)
js中使用关键字var来定义变量,是一种弱类型语言,var可以替代int,float,double,char等等多种关键字。可以声明单个变量,同时也可以声明多个变量。
在使用声明的变量前,一定要先初始化变量。

        var a;
        console.log(a);//没有初始化
        a = 10;
        console.log(a);

因为第一次没有对变量a进行初始化,所以输出为undefined,第二次则会输出已经初始化的a变量,输出值为10。

变量的数据类型:number,string,boolean,object,null,undefined等

变量的提前声明:

     console.log(a);//undefined
     var a=10;
     console.log(a);

第一次输出的时候,即使变量a还没有被var声明及定义,但还是会输出undefined,第二行定义之后,就会输出变量a的值为10。

三、JavaScript中的函数
函数的声明,关键字:function

  1. 基本函数
 show();
        function show() {
            console.log(1);
        }

输出值为1

  1. 带返回值的函数
function showinfo() {
            //执行代码
            return '1';
        }
    
        var a = showinfo();
        console.log(a);

输出值为1

  1. 带参函数
function showname(name, sex, age) {
            return name;
        }
        var name = showname("张三", "男", 18);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值