强大的JavaScript! 浅浅论一下 talk in js

序言:

在强大的JS洗礼下,长安对大厂的窥探之心愈加深刻!基于上次腾讯的一道浅聊代码执行力,今天长安难耐躁动的心看看百度的风格。如何从细节之中窥探大厂的机遇?

1.敏捷的逻辑能力

无论是数据结构还是算法,其实早已脱离了普通的编写代码,更是一种对待脑力的思维逻辑的运用。 假设现在长安是个King,需要招募千只duck合唱团,为我嘎嘎演唱!如何为King引入呢?------没错,数组储存。【切记数据在JS中并非是简单数据类型,数组也是对象】执行如下:

javascript 复制代码
const choir = []; // 合唱团  数组也是对象 
        // 对象字面量 
const duck = {
            duckSign: function () {
                console.log('嘎嘎嘎');
            }
        }

引入对象choir 和 duck,将duck 具有的能力表达出来。

2.深入的语言表达能力

接下来想一想,想要进入我King的合唱团其实那么简单,并非虾兵蟹将都可以。具体要求如下:

javascript 复制代码
           function joinChoir(animal) {
            //记住严谨性 加入合唱团的要求 
            if (animal && typeof animal.duckSign == 'function') {
                choir.push(duck);
            }
            console.log('恭喜加入合唱团')
        }

我们需要将加入合唱团的要求改写成一个方法,并通过if语句进行封装,这是脱离一般其他思维的跳跃,小伙伴们可以多看看。这里表达一下,JS里不是传统的面向对象,无需用class Duck定义,而是基于原型式的面向对象。

3.执行

若是只有999只duck?

css 复制代码
for (let i = 0; i < 999; i++) {
            joinChoir(duck)
        }

动物的世界里如何找到其他animal代替duck招入到合唱团呢?

javascript 复制代码
const chicken = {
            duckSign: function () {
                console.log('嘎嘎嘎');
            }
        }

是的,用chicken代替。虽然外形不同,但我也可以招募会嘎嘎嘎的chicken不是一样的效果吗!

最后执行即可!

matlab 复制代码
        console.log('合唱团已有' + choir.length + '位成员');
        joinChoir(chicken);
        if (choir.length === 1000) {
            console.log('报告国王, 合唱团招聘完成');
        }

所以将999成功转化到1000只了!于是可以报告King,合唱团招聘完成!

总结

JS才是最面向对象的面向对象 除了简单数据类型一切都是对象 - 如何区分不同类型的对象?使用 Object.prototype.toString.call()即可完成!!!

相关推荐
daols881 小时前
vue甘特图vxe-gantt如何实现拖拽任务条时如有已关联依赖线,同时更新依赖任务的日期的方式
javascript·vue.js·甘特图
我命由我123451 小时前
前端开发概念 - 无障碍树
javascript·css·笔记·学习·html·html5·js
ZC跨境爬虫2 小时前
跟着 MDN 学 HTML day_29:(动态构建与更新 DOM 树)
前端·javascript·ui·html·html5·媒体
搜狐技术产品小编20233 小时前
深度解析与业务实战:将 screenshot-to-code 改造为支持 React + Ant Design 的前端利器
前端·javascript·react.js·前端框架·ecmascript
weixin_471383033 小时前
set和map结构,减少O(n)复杂度
前端·javascript
倒带人生4 小时前
将 $confirm 对话框改为 a-modal 实现的通用技术方案
javascript·ant design
费曼学习法4 小时前
Vue 3 编译优化揭秘:静态提升与 PatchFlags 的极致性能
javascript·vue.js
ZC跨境爬虫4 小时前
跟着 MDN 学 HTML day_27:(深入理解 HTML 属性反射机制)
前端·javascript·ui·html·音视频·媒体
小矮马4 小时前
qiankun 微前端集成子项目
javascript
Hello--_--World4 小时前
React:useRef 超详细教程、forwardRef 详解、useImperativeHandle详解
前端·javascript·react.js