初始Javascript（二）

扫盲

大概了解每个标签在干什么就行

js的特性

js函数

java方法

函数就是方法，同一个东西，不同叫法。

有细微差别，但这俩中不去考虑

函数：是和对象独立开发来的代码片段

方法：是依托于对象的代码片段

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        function hello(){
            console.log('hello');
        }
        hello();
        hello();
        hello();

    </script>
    
</body>
</html>

传进来的实参类型可任意的，只要支持加法操作就行。

  function add(x,y){
        return x + y;
    }
    let result = add(10,20);
    console.log(result);

    result = add('hello','world');
    console.log(result);

    result = add('hello',10);
    console.log(result);

  function add(a,b,c,d,e,f,g){
        return a + b + c + d + e + f + g;
    }
    console.log(add(10,20));
    console.log(add(10,20,30));
    console.log(add(10,20,30,40));

此时报错NAN，需要加入判断

如果让代码及支持数字相加，又支持字符串相加。

判定第一个参数，是字符串还是数字。通过第一个参数的类型，来决定后续参数的默认值。

js中，函数是 ‘一等公民’

函数，就像一个普通的变量一样，可以被赋值给其他变量

也可以作为另一个函数

还可以作为另一个函数的返回值

比较常见的

定义了一个没有名字的函数，并且把这个函数赋值给了f这个变量

后面就可以基于f来调用这个函数了

let f = function(){
        console.log('hello');

没有名字的函数也称为匿名函数，还有另一个名字，lambda表达式

js中支持无限套娃

let num = 10;

    function hello2(){
        function hello(){
            console.log(num);
        }
        hello();
    }
    hello2();

逐级向上

function hello2(){
        function hello(){
            console.log(num);
        }
        hello();
    }
    hello2();

Dart谷歌

80%java 20%js

想写实际的程序

还是要掌握相关的生态

在游览器上运行js，最核心的就是库，就是DOM.API

DOM=>文档对象模型

介绍DOM中两个最重要的

querySelector，querySelectorAll

其实是一个document这样的对象的属性

页面中的全局对象

一个页面加载好了

就会自动生成一个全局变量，叫做document

//querySelector 参数，就是一个CSS 的选择器
let div = document.querySelector('.one')
console.log(div);

 <div class="one">
        hello
        </div>
    //querySelector 参数，就是一个CSS 的选择器
let div = document.querySelector('.one')
console.log(div);

js中的很多代码，都是通过时间来触发的

事件就是游览器对于用户的操作进行了一个统称

（准确的说，事件也不一定全是用户操作产生的）

列如鼠标在页面上移动，就会产生一个鼠标移动事件

鼠标滚轮，来滚动页面，就会产生一组滚动事件。

用户修改窗口大小，也会插死你一个窗口大小改变事件

事件的三个要素

1：事件源哪个HTML元素产生的事件

2.事件类型：鼠标移动，鼠标点击，键盘事件，窗口大小改变事件

3.事件的处理程序，当事件产生之后执行啥样的js代码~

<div id="screen">
    0
</div>
<button id="plus">+</button>
<script>
    let plus = document.querySelector('#plus');
    plusBtn.onclick = function(){
        //1 截获到screen里的值
        let screen = document.querySelector('#screen');
        let val = screen.innerHTML;
        console.log();
        //2.把这个值 +1
        //val = val + 1
        val += 1;
        //把重新值写回去
        screen.innerHTML = val;
    }

标签： javascript java-ee

本文转载自: https://blog.csdn.net/m0_56364861/article/details/124425257
版权归原作者 星有.野 所有，如有侵权，请联系我们删除。

初始Javascript（二）

发表评论

“初始Javascript（二）”的评论:

关于作者

overfit同步小助手

相关阅读

文章导航